手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >浏览器跨平台使用div等标签盖住flash的另类实用解决方法
浏览器跨平台使用div等标签盖住flash的另类实用解决方法
摘要:重点是:不要用a标签包住flash,让a标签和flash是兄弟关系。然后通过绝对定位的方式,将它定位flash之上(必要的时候,可以使用z-...

重点是:不要用a标签包住flash,让a标签和flash是兄弟关系。然后通过绝对定位的方式,将它定位flash之上(必要的时候,可以使用z-index属性)。因为要使用定位,所以将a标签和flash至于一个div中是有必要的。参考代码如下(重要的代码已经用红色标注):

<div>

<a target="_blank" href="<a href="http://justinyoung.cnblogs.com/">http://justinyoung.cnblogs.com/</a>"/images/toumingtupian.gif') no-repeat;"></a>

<object width="200" height="50" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0</a>" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >

<param value="hgjenglsih.swf" name="movie"/>

<param value="high" name="quality"/>

<param name="wmode" value="opaque" />

<embed width="200" height="50" type="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</a>" quality="high" src="hgjenglsih.swf" wmode="transparent" />

</object>

</div>

经测试:IE6-9,Chrome、Firefox、Opera浏览器下ok!

IE下会发现a连接还是不能点击,只能点击a的border部分。这时候,只要给a加一个透明的背景图即可。

【浏览器跨平台使用div等标签盖住flash的另类实用解决方法】相关文章:

CSS样式表高效使用技巧充分利用样式表的强大性

firefox中div+css的外层背景色不见的解决方法

WEB标准布局的Div + CSS 高度自适应解决方法

img标签下多余空白BUG解决方法

Google浏览器CSS居中兼容问题完美解决方法

FireFox浏览器和IE浏览器下CSS的兼容问题

火狐浏览器中DIV的高度不随里面的内容增高而增高

使用CSS代码的空格实现中文对齐的方法

CSS强制换行对齐的实现方法

针对主流浏览器的CSS-HACK写法及IE常用条件注释

精品推荐
分类导航