解决ie6下 filter设置透明度 导致全透明不可见的bug
来源:互联网 发布:仓廪实知礼节 编辑:程序博客网 时间:2024/05/15 06:16
虽然是小众bug,但查遍全网都没有解决方案,就写出来了。
周末写了3个比较复杂的jquery插件,其中一个效果是用js把一个div自动做成如图1的效果
图1
主要是边框是半透明的,这个效果网上有css实现方法,是把一个back div元素设为绝对浮动,半透明,top0,left0.主体框whole div 设置padding即可实现外框半透明,内框不透明的非继承特殊效果。
然后点击拖拽的时候整体whole又会半透明如图2:
图2
写完之后其他浏览器一切安好,但在虚拟机的ie6下查看,狗血的事件来了:如图3
图3
除了做背景的back div外整个没了,但我点点里面,实际上还是有元素的,说明遇到了透明度为0 bug(这个bug我还在8年前的ie6文字外发光特效上见过)
无奈调试了半天,比我写完这个效果插件时间还长。。刚开始是查找到底哪里一步导致这种情况。最后查出是拖拽时设置透明度惹的祸。如果不设置拖拽时半透明,倒是没这个bug,但是我并不甘心直接将这个效果取消,随后,在mousedown事件之前加入:
$(whole).children(":not(.popdiv_back)").css("opacity",1)
即whole层的子元素,除了做黑边框的back div外都设置为不透明即可解决
0 0
- 解决ie6下 filter设置透明度 导致全透明不可见的bug
- 解决IE6下超链接导致GIF动画停止的bug
- 解决IE6下select无法设置选中的BUG
- 解决IE6背景图片不缓存的BUG
- 解决IE6背景图片不缓存的BUG
- 解决IE6背景图片不缓存的BUG
- IE6下position:fixed的bug解决
- IOS 设置透明度导致底层View始终可见
- IE6下背景图片透明解决
- IE6,IE7下设置透明度opacity问题
- Jquery 可折叠菜单(accordion menu) ie6 内容不可见 bug
- android设置一张图片透明度导致其在多个activity里均是透明的问题
- 解决IE6下透明PNG图片有灰底的
- 解决PNG图片在IE6下的透明问题
- 解决IE6下png图片的透明问题
- 解决IE6下Png图片透明的最佳方法
- 解决IE6下png图片的背景透明方法
- 转一个解决IE6下PNG透明的方法
- ACdream1132 chess 状态压缩DP
- 变形课 —— DFS
- [vim小技巧] cscope 结果输出到 quickfix窗口
- phpcms V9 实现调用上一篇和下一篇
- hdu4544 优先队列(小贪心)
- 解决ie6下 filter设置透明度 导致全透明不可见的bug
- 在Web 项目中应用 Apache Shiro
- 有向图欧拉回路
- 在类库中使用MessageBox
- 时的故事的根深蒂固多少
- 高效的开发团队需要什么人
- 网站通用后台框架代码,自适应显示器高度和宽度
- 纷纷改行当个韩国海军个海大富上
- NSMutableString常用函数