(ok)遨游浏览器-极速模式 flash添加遮罩层无效

作者: wxfeng 分类: 未分类 发布时间: 2017-07-22 00:00    阅读 1,100 次

在页面放置flash元素,并对flash对象添加链接时,可通过添加一个透明的图片作为遮罩层来添加链接。

问题

添加遮罩后,在火狐浏览器以及遨游兼容模式下,遮罩层浮至上层,可点击跳转。在遨游急速模式下,遮罩层无法浮至上层,造成无法点击flash跳转的效果。

分析及解决

在调试工具中修改样式属性,添加以下属性后,透明图片(即遮罩层)浮动生效。

position: fixed;

总结

css样式如果书写不标准会导致部分浏览器下样式渲染失败。

完整代码如下:

<div style="z-index:-1">
   <embed src="GameofThrones.swf" width="300" height="250">
</div>
<div id="masker" style="position:fixed;cursor:pointer; margin-top:-250px; width:300px; height:250px; z-index:1; visibility: visible; border:0;">
   <a href="yourhref" target="_blank" style="text-decoration:none;">
     <img src="flashMasker.png" width="300" height="250" border="0">
   </a>
</div>

透明图片:flashMasker.png

flash:GameofThrones.swf

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

您的电子邮箱地址不会被公开。