IE6-8 filter双重滤镜bug
来源:互联网 发布:js arraybuffer 编辑:程序博客网 时间:2024/05/21 16:55
最近在做一个旋转木马的特效时候碰到了一个很诡异的问题在IE8以下的IE内核浏览器中,当一个父级定义了filter的alpha时,如果它子级也有滤镜则这个层中的文字全部会变为灰色(小半透明形式展示)如下例:
<!doctype><html><head><style>.box-item{width:500px;height:200px;border:1px solid #333;position:relative;background:#f5f5f5;filter:alpha(opacity=100);opacity:1;}.infro-bx{font:bold 18px/50px 'songti';text-align:center;color:#f00;}.comment-bx{height:50px;width:100%;position:absolute;bottom:0;left:0;z-index:15;}.shade-bx{background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:5;}</style></head><body><div class="box-item"><div class="comment-bx infro-bx">内容介绍</div><div class="comment-bx shade-bx"></div></div></body></html>
这个时候在IE下层里面的内容字体色展示效果会偏差非常大 特别是当filter中的opacity为80等不满一百的时候几乎为半透明灰色,而在IE9和其他非ie内核中却正常解析,由于项目的周期比较近迫于无奈,只能浪费一个链这个透明遮罩通过png图片去模拟,IE6下也就为不透明了。通过多次测试基于其他浏览器和IE9的正常解析个人把它归入了IEBUG(其实应该是它特有filter解析方式不一样引起的吧);
- IE6-8 filter双重滤镜bug
- 滤镜 兼容IE6,7,8
- IE6下使用滤镜后链接不能点击的BUG
- IE6滤镜透明
- ie6 滤镜问题
- ie6 滤镜 background-position
- ie6 bug
- ie6---bug
- IE6 Bug
- IE6 BUG
- CSS滤镜(filter)详解
- CSS滤镜filter详解
- CSS滤镜filter详解
- 精通CSS滤镜(FILTER)
- filter(css滤镜)
- filter:css滤镜语法
- css 滤镜 filter
- FLASH AS3 滤镜(Filter)
- 数字签名
- 查看qiang文档的过程
- 关于SQL Join 中 where和and的区别
- 设备驱动外传 - 虚拟总线和platform device
- Session进一步学习
- IE6-8 filter双重滤镜bug
- session防止表单重复提交
- VBA 常用函数
- Android Camera系统
- user_all_tables,user_tables,等视图的说明
- Android Fragment学习笔记(一)----Fragment的生命周期和派生类
- 网页中使用百度地图代码
- 关于CButtonST类
- Android底层开发工作小结