【flash】解决flash遮挡其他dom元素的办法

最新推荐文章于 2020-10-29 15:55:54 发布

weixin_33705053

最新推荐文章于 2020-10-29 15:55:54 发布

阅读量153

点赞数

原文链接：https://my.oschina.net/maomi/blog/84653

版权

为什么80%的码农都做不了架构师？>>>

【实例如下】

<div class="tab_foot">
     <div id="btn_click"><embed width="180" height="80" src="res/but_vote.swf" pluginspage="http://www.adobe.com/go/getflashplayer_cn" align="middle" quality="high" allowscriptaccess="always" wmode="transparent" salign="" devicefont="false" play="true" loop="true" menu="true" allowfullscreen="true" name="but_vote" flashvars="swfID=but_vote" type="application/x-shockwave-flash"></div>
     <a class="t_f_btn" href="http://www.baidu.com"></a>
</div>

【样式代码】

.tab_foot{
    width: 760px;
    height: 300px;
    overflow: hidden;
    position: relative;
    background: url('../img/tab_05.jpg') no-repeat 0 0 transparent;
}
.tab_foot a.t_f_btn{
    width: 130px;
    height: 60px;
    display: block;
    overflow: hidden;
    position: absolute;
    background: #000;        //关键所在 
    opacity: 0;              //关键所在
    filter:alpha(opacity=0); //关键所在
    right: 560px;
    top: 195px;
    z-index: 5;
}
#btn_vote{
    width: 180px;
    height: 80px;
    display: block;
    top: -11px;
    left: 7px;
    position: absolute;
    z-index: 2;
}

【解决办法】

1>加上 wmode="transparent" //可以让flash背景透明，同时在除IE所有浏览器之外的浏览器中，解决flash遮挡问题。

2>一般情况下，如上例所示，遮盖在flash层上面的层一般为一个透明空层，所以，必须加上以下代码：（即透明背景），这样才能解决在ie中的遮挡问题。

background: #000;
opacity: 0;
filter:alpha(opacity=0); // 在真实ie6环境下，可以识别为透明层，但是在ietest中的ie6下，不识别。

转载于:https://my.oschina.net/maomi/blog/84653