关于IE透明度失效的问题

近期项目中，发现这个诡异的问题，IE（以下如有特殊说明，指全部IE系列浏览器）下透明滤镜竟然会失效。起因在于，在做一个lightbox时，发现遮罩层透明效果是失效的，在第一时间里，我当然是把问题定位在YUI组建设计的缺陷上，但是当我用IE调试工具看到遮罩层渲染的样式时，我震惊了。如下图：

从渲染的css上看，没有任何问题，百思不得其解，更为让我疑惑的是，在我同事的机器上，遮罩层的透明效果是有的，难道我RP有问题？太不可思议了。

既然问题出了，就要去想办法解决，没有任何回避的理由，经过一番细心的排查，发现我和同事的机器唯一的差别就在于装的操作系统不一样，他的是XP，而我机器上装的是WIN7。这可能就是问题的所在了，但是细想，WIN7不可能不支持filter-alpha-opacity的，这样的结论相信没有人相信，因为我看到我以前写的遮罩层组件是可以正常工作的，所以排除WIN7不支持alpha的可能，那么问题到底出在哪里呢，请看可以正常工作的遮罩层 CSS：

如果你足够细心，我想应该会发现区别在哪儿，没错，就是高度不一样，一个是20000px（失效），一个是1801px（有效）。既然高度会影响 filter的渲染，那么肯定会有一个临界点，事实证明，的确如我所料，在WIN7的环境中，如果元素的高度超过4096px，就一定会导致 filter-alpha-opacity失效，而这一切在XP环境中并不会发生，真是验证了一句话，在MS的世界里，没有什么不可能！

拓展：在vista系统中，也存在相同的问题，元素高度的临界点为2048px。所谓标准浏览器（firefox、chrome、safari之流）中，opacity渲染的透明度是跨系统的，不会存在失效问题

PS：邪恶的WIN7，邪恶的IE，永远遭我BS.

转载于:https://www.cnblogs.com/zhenn/archive/2011/02/20/1959174.html

关于IE透明度失效的问题相关推荐

Android卡片设置透明度失效问题
最近在做蓝牙电话项目,需要支持双路通话,涉及到通话卡片透明度调节,当正在通话中,有新的来电时,原来的通话卡片需要做成30%的透明度,本来很简单的一个小改进,但通过 setAlpha()接口总是失效! ...
matplotlib保存eps文件透明度失效解决办法
目录解决方案推荐方法解决方案将使用matplotlib绘制的图片保存成png格式(它支持透明显示). 然后将png格式转换为eps格式,这样就可以使得eps也可以显示透明度不同的图案. 推荐方 ...
iOS开发tips总结
tip 1 : 给UIImage添加毛玻璃效果 func blurImage(value:NSNumber) -> UIImage { let context = CIContext(opti ...
iOS开发小技巧总结
tip 1 : 给UIImage添加毛玻璃效果 func blurImage(value:NSNumber) -> UIImage { let context = CIContext(opti ...
ie6、ie7、ie8下支持js 使用vml style.addRule('v\\:line,v\\:stroken',behavior:url(#default#VML);)
ie6.ie7.ie8下支持js 使用vml 2010-11-17 10:52:40| 分类: 计算机和编程 | 标签:ie6.ie7.ie8下支持js 使用vml |举报|字号订阅之前 ...
KEIL，#ifdef宏定义下失效代码差异性显示
KEIL,#ifdef宏定义下失效代码差异性显示下图代码中我没有定义OS_USING_VFS,但是该段宏定义下的代码和普通代码显示无差异,不方便调试查找问题. 打开配置: 在Text Complet ...
IE8半透明滤镜(filter:alpha)失效（附png半透明失效的解决办法）
很诡异的问题,很诡异的问题,真是很诡异的问题,很蛋疼的问题,很蛋疼的问题,真是很蛋疼的问题. 前两天给div写的滤镜在IE8.9上都没有问题,不知道为什么,今天一看,滤镜在IE9上没有问题,但IE8上 ...
html自定义字体无效,canvas自定义字体失效
失效原因一:fillText绘制文本时,字体文件尚未加载完成字体文件4.2M,加载时长23ms 解决方案 1.压缩字体 2..ttf转成.woff2,可搜索在线ttf转woff2网站转换 https ...
a标签disabled属性失效
之前写JQuery项目时遇到了a标签disabled属性失效的情况,给a标签设置一个pointer-events: none可以解决,或者去掉disabled属性,动态添加forbid-click类也 ...

关于IE透明度失效的问题

关于IE透明度失效的问题相关推荐

最新文章

热门文章