【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; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |