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