Как перекрыть 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