关于浏览器兼容性3个问题
1、关于IE6下某明奇妙的空白问题,解决方法可以 在其中添加样式 font-size:0px;
2、解决浮动后div背景不能自动延伸,IE下解决方法:样式里添加: zoom:1;overflow:auto! FF下解决方法: 使用伪类:
.sea_li:after{content:".";height:0;visibility:hidden; display:block;clear:both; }
3、解决IE6下png gif 透明背景变灰问题 :
1.可以用滤镜来解决
2.将png图保存为png-8 格式的。
3. 可以添加如下js文件: <script type="text/javascript" src="js/png.js"></script>
但两种方法都不能用 css sprite 了,各位大侠是否用更好的方法呢,欢迎共享.
//解决透明背景IE6下显示不正常问题.....
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
window.attachEvent("onload", enableAlphaImages);
}
function enableAlphaImages(){
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
if (itsAllGood) {
for (var i=0; i<document.all.length; i++){
var obj = document.all[i];
var bg = obj.currentStyle.backgroundImage;
var img = document.images[i];
if (bg && bg.match(/\.png/i) != null) {
var img = bg.substring(5,bg.length-2);
var offset = obj.style["background-position"];
obj.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
obj.style.backgroundImage = "url('http://www.zhangxinxu.com/study/image/pixel.gif')";
obj.style["background-position"] = offset;
} else if (img && img.src.match(/\.png$/i) != null) {
var src = img.src;
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')"
img.src = "http://www.zhangxinxu.com/study/image/pixel.gif";
}
}
}
}