浏览器兼容之旅第四站:IE常见Bug总结及修复方法—part2

2020-04-27 07:30:28易采站长站整理

 
解决办法:

复制代码
img { -ms-interpolation-mode: bicubic; }

三、IE6下PNG图片透明Bug
大家都知道,有时需要使用透明图片,别然gif和png8都可以制作透明图片,但这两者对于要求强美感的你来说一定达不到你的要求,因为会有杂边,那么使用png24或png32图片,质量是没有问题了,可引发另一个头痛的问题,就是IE6下面显示图片会有一层淡兰色的背景,
 
这样一来我们需要起办法来解决掉这层淡兰色的背景色,方法很多,常用的有两种:
方法一:滤镜的方法

复制代码
.img{
background:url(‘http://shenmo.wanmei.com/images/logo/sm_logo_202x104.png’);
_background:0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://shenmo.wanmei.com/images/logo/sm_logo_202x104.png’,sizingMethod=’scale’);
}
或者:
img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://shenmo.wanmei.com/images/logo/sm_logo_202x104.png’,sizingMethod=’scale’);
}

<img src=”test.png” _fcksavedurl=””test.png”” _fcksavedurl=””test.png”” _fcksavedurl=””test.png”” width=”247″ height=”216″ style=”filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://shenmo.wanmei.com/images/logo/sm_logo_202x104.png’, sizingMethod=’scale’);” alt=”” / >

方法二:DD_belatedPNG.js
可以使用DD_belatedPNG来产现,具体实如何实现,大家可以参考前面我所整理的《Drupal7中解决IE6的png透明问题》一文。或者在GG和度娘中直接搜索关键字fix PNG Transparency for ie6 将会有一大堆关于解决IE6下的PNG透明问题。

四、<IFrame>透明背景Bug
这个Bug是有关于<iframe>有背景透明问题——在Firefox和Safari中,你应该不会遇到这个问题,因为默认情况下,iframe的背景设置为透明,但在IE浏览器,它不会。你需要在iframe中设置[allowTransparency="true"],并在调入的页面中设置其body的“background-color”为“transparent”:
HTML Markup

复制代码
<iframe src=”content.html” allowTransparency=”true” ></iframe>

而且需要在iframe中调入的content.html中设置其body的背景色:

复制代码
body {background-color: transparent;}

五、禁用IE浏览器默认的垂直滚动条