加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 18:27:07 所属栏目:百科 来源:网络整理
导读:【实例如下】 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="transparen

【实例如下】

<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下,不识别。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读