Flash遮罩层

节点结构:

<div>
    <!-- flash 内容 -->
    <flash></flash>
    <!-- 遮罩层内容 -->
    <div> <a href="#"></a></div>
</div>

样式:

<style>
    .flash{ position:relative; }
    .flash div{ 
        /* 宽 高 */ 
        position:absolute;
        top:0px;left:0px; 
        /* 使用背景色 background-color:#ffffff;opacity:0;filter: Alpha(Opacity=0); */ 
        /* 使用背景图片制作一个png8的透明图片该图片在IE下有不错的兼容 */
        background:url(xx.png);
    }
</style>

 

特别说明  Flash这个东西在浏览器中渲染的时候不会与普通html文档处于一个层级内(无论是绝对定位还是相对定位)无法使用z-index来定位flash的深度。

 

解决方案是在插入flash的embed或者object标签中加入wmode属性并设置为 

wmode="transparent" 或 wmode="opaque" 来解决

关于Flash wmode 属性的参数解释：http://www.ccvita.com/412.html

 

样式方面的说明   部分低版本浏览器的节点元素在不添加背景图或背景颜色的情况下节点会显示不正确(无法出现选中区域)