Как перекрыть flash (swf) другим объектом

Иногда при верстке требуется разместить флешролик под другим слоем например.
Делается это очень просто, но мало кто знает как.
А я вам расскажу.

Для добавления возможности перекрытия флеша нужно добавить следующий параметр:

<param name="wmode" value="opaque" />

Весь html код будет выглядесть так:

<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; }

Естественно родительский элемент должен иметь свойство position:relative