首页 > 其他 > 详细

Flash遮罩层

时间:2014-02-25 02:36:19      阅读:235      评论:0      收藏:0      [点我收藏+]

节点结构:

1 <div>
2     <!-- flash 内容 -->
3     <flash></flash>
4     <!-- 遮罩层内容 -->
5     <div> <a href="#"></a></div>
6 </div>

样式:

bubuko.com,布布扣
 1 <style>
 2     .flash{ position:relative; }
 3     .flash div{ 
 4         /* 宽 高 */ 
 5         position:absolute;
 6         top:0px;left:0px; 
 7         /* 使用背景色 background-color:#ffffff;opacity:0;filter: Alpha(Opacity=0); */ 
 8         /* 使用背景图片制作一个png8的透明图片该图片在IE下有不错的兼容 */
 9         background:url(xx.png);
10     }
11 </style>
bubuko.com,布布扣

 

特别说明  Flash这个东西在浏览器中渲染的时候不会与普通html文档处于一个层级内(无论是绝对定位还是相对定位)无法使用z-index来定位flash的深度。
 
解决方案是在插入flash的embed或者object标签中加入wmode属性并设置为 
wmode="transparent" 或 wmode="opaque" 来解决
关于Flash wmode 属性的参数解释:http://www.ccvita.com/412.html
 
样式方面的说明   部分低版本浏览器的节点元素在不添加背景图或背景颜色的情况下节点会显示不正确(无法出现选中区域)

Flash遮罩层

原文:http://www.cnblogs.com/haiwenshizhu/p/3563973.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!