Задача: установить в качестве фона страницы или блока Flash ролик, поверх которого будет выводиться какой-то другой контент.

Для решения задачи создадим два div'a и спозиционируем оба абсолютно, разница у них будет только в z-index'ах. Нижний будет перекрывать верхний, в него и будем помещать весь контент, соответственно значение z-index у него долно быть больше, чем у верхнего, который будет содержать в себе flash ролик.

<div style="position:absolute; z-index:1; width:100%;">
	<object type="application/x-shockwave-flash" data="/flash/flash.swf" width="100%" height="260px">
		<param name="wmode" value="opaque" /><!-- opaque (непрозрачный) - Приложение скрывает все содержимое, находящееся под ним. похож на режим window, с той лишь разницей, что в данном режиме можно перекрывать Flash HTML-слоями, используя z-index, что мы и делаем. -->
		<param name="wmode" value="transparent" />
		<param name="movie" value="/flash/flash.swf" />
	</object>
</div>

<div style="position:absolute; z-index:2; width:100%;">
<!-- overlaying div -->
</div>
Данная публикация старше 4-х лет. Возможно существуют более рациональные способы решения рассматриваемой задачи или вопроса.

Выразить благодарность

Если эта публикация оказалась для Вас полезной и вы хотите выразить свою благодарность, сделайте пожалуйста её репост в социальных сетях или на своём сайте.

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: