Перекрытие прозрачным GIF-изображением FLASH-объекта

Делается это довольно легко, используя приятное во всех отношениях position: relative

Вот реальный пример демонстрирующий данную возможность:

Перекрытие прозрачным GIF-изображением FLASH-объекта

Обратитет внимание, кликая правой клавишей по свойствам в пределах зеленой рамочки, мы обнаруживаем что это изображение, если кликаем от зеленой до коричневой рамочки, то понимаем, что это flash!

Пример ко всему прочему демонстрирует возможность изменять ссылку на flash банер средствами CSS!

Код на обозрение:

<div style="border: #FF9900 3px dotted; width: 400px; height: 200px;">
     <object id="swf">
        <embed src="/uploads/storys_files/2006.03.15_15.55.30/123.swf" loop="true" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="200" width="400">
     </object><a href="#"><img src="http://yapro.ru/uploads/users/1/2010/12/16/782d4b5d3c55bdc50619b8aa141b4ecc.gif" height="170" width="350" style="border: #99FF00 3px dotted; position: relative; top: -190px; left: 20px; margin-bottom: -170px; z-index: 1;"></a>
</div>
Оцени публикацию:
  • 6,28
Оценили человек: 6

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • сделал перекрытие флэш объекта гифкой всё номр работает только вот самого прозрачного gif файла нет.не подскажите где взять?
    15 сентября 2011, 20:34 коммент полезен : 0 # Дмитрий5
    • можете взять это изображение http://yapro.ru/uploads/users/1/2010/12/16/782d4b5d3c55bdc50619b8aa141b4ecc.gif
      16 сентября 2011, 06:11 коммент полезен : 0 # Admin
  • спасибо большое
    17 сентября 2011, 17:19 коммент полезен : 0 # Дмитрий5
  • Листаю я категорию js вашего сайта... смотрю "Перекрытие гифкой флэша", радуюсь, а потом в ступор. Картинка http://shot.photo.qip.ru/201rrQv.png Как будто, простите за нецензурщину, "флэш вас ёбет, но можно спастись"
    01 февраля 2012, 04:26 коммент полезен : 0 # Gurylyov
  • поправка, листаю css, хоть суть и не в этом)
    01 февраля 2012, 04:27 коммент полезен : 0 # Gurylyov (гость)
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » CSS »