Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

Разное → Перекрываем flash

Бывают такие случаи когда вы размещаете флеш ролик, банер, игру, плеер и он перекрывает другие обьекты. Например вы увеличиваете картинку, а поверх неё идет флеш ролик. В этом уроке я расскажу как исправить данный баг.

Для исправления в флеш ролик нам нужно добавить параметр:
<param name="wmode" value="opaque" />

Весь код флеш ролика будет выглядеть следующим образом:
<object type="application/x-shockwave-flash" data="images/flash/test.swf" width="200px" height="300px">
<param name="movie" value="path-to/movie.swf" />
<param name="wmode" value="opaque" /> <!-- это параметр позволяет перекрыть объект -->
<embed src="path-to/movie.swf" type="application/x-shockwave-flash" wmode="opaque" width="200" height="300" />
</object>
<div class="overflow_swf"></div> <!-- Этим блоком и будем перекрывать флеш -->

Добавляем css код:
.overflow_swf { /* блок, которым будем перекрывать flash */
width: 100px;
height: 200px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}


Как видите решение очень простое.
Опубликовал dimas_ua, 11-09-2010, 00:00 Комментариев: 1
 (голосов: 0)
Пишет Михаил, 26 апреля 2011 12:47
  • Сообщений: 0
  • Новостей: 0
Спасибо! Давным давно искал и вот нашел!