用div挡住flash的实用办法
HTML #div #flash2012-06-16 08:54
本例子中，不是用div而是用超链接的A标签来盖住flash，但是没有关系，任何标签都可以。重点是：不要用a标签包住flash，让a标签和flash是兄弟关系。然后通过绝对定位的方式，将它定位flash之上（必要的时候，可以使用z-index属性）。因为要使用定位，所以将a标签和flash至于一个div中是有必要的。参考代码如下（重要的代码已经用红色标注）：
<div style="position:relative;">
<a target="_blank" href="http://justinyoung.cnblogs.com/" style="display:block;width:200px;height:50px;position:absolute;left:0;top:0;background:transparent url('/images/toumingtupian.gif') no-repeat;"></a>
<object width="200" height="50" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 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="http://www.macromedia.com/go/getflashplayer" quality="high" src="hgjenglsih.swf" wmode="transparent" />
</object>
</div>经测试：IE6-9，Chrome、Firefox、Opera浏览器下ok！
IE下会发现a连接还是不能点击，只能点击a的border部分。这时候，只要给a加一个透明的背景图即可。相关文章
- 千呼万唤HTML5 (1) - 根元素, 元数据元素, 脚本元素 2012/06/14
- HTML5 canvas的模拟事件 2012/06/14
- 了解data:image/png;base64是什么 2012/06/02
- 常用HTML5移动应用框架的比较分析 2012/06/02
- QQ客服的HTML代码 2012/05/24
- IE6下fixed解决方法 2012/05/21
- 各浏览器设置HTML元素的透明度 2012/05/20
- web页面入门经验之谈 2012/05/17
- dl dt dd标签用法 2012/04/26
- 手机浏览器禁用缩放 2012/04/26