北美館舒適的育嬰室

關於在FLASH上面蓋一層圖層

使用Z-index注意事項

1. 數值越高越上面
2. 外層的DIV 需要設為 position: absolute
3. 蓋上去的那一層DIV 需要設為 position: relative
4. flash 本身物件要設為透明
   
   Object模式
   <param name="wmode" value="transparent"/>
   
   Embed模式
   <embed  wmode="transparent"  src="http://widget.meebo.com/mm.swf?"type="application/x-shockwave-flash" width="190" height="275"></embed>

CSS 部分

<style type="text/css">

#wrapFlash {

width: 640px;

position: absolute;

margin-right: auto;

margin-left: auto;

z-index: 0;

height: 360px;

}

#mask {

z-index: 100;

background-image: url('opacity.png');

background-color: #3366FF;

position: relative;

height: 100px;

}

</style>

HTML部分

<div id="wrapFlash">

<object id="flash1" data="YT%20Video%20AS3.swf" height="360" type="application/x-shockwave-flash" width="640">

<param name="movie" value="YT%20Video%20AS3.swf" /><param name="wmode" value="transparent"/>

</object><div id="mask" style="position: absolute; width: 293px; height: 100px; z-index: 1; left: 341px; top: 255px">

</div>

</div>