div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)

解决IE6.0,IE7.0,IE8.0,FF下PNG图片透明问题技术交流完美解决IE6.0,IE7.0,IE8.0,FF下PNG图片透明问题，并且图片下边的内容是可以点击的。 完美解决IE6下透明PNG图片的透明问题方法一： 我们当然是首先最简单代码最少的方法，就是使用CSS技术。 CSS代码如下： /*for ie 6.0*/ * html #logonav {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="透明PNG图片路径地址"); background:none;} 但是这样就有个缺点，就是透明PNG图片不能直接在网页上显示，必须放入CSS样式中。 由于25亿企业网站管理系统的灵活运用，我们可以在_head.index模板页面中加入以上css代码，把上面的"透明PNG图片路径地址"文字改为"../../UploadImg/$_logo"，这样就用CSS完美解决IE6下透明PNG图片的透明问题。 例如: logonav {src="../../UploadImg/$_logo";background:none;}; 完美解决IE6下透明PNG图片的透明问题方法二： 就是使用javascript代码，但代码比较长，但是解决了使用CSS的不足。 javascript代码如下： function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6 & 7 & 8 . { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var j=0; j" img.outerHTML = strNewHTML j = j-1 } } } } window.attachEvent("onload", correctPNG); 如在25亿企业网站管理的官方网站则使用了javascript代码来解决IE6下透明PNG图片的透明问题： 注意事项: png图片必需要以-trans.png结尾,才能使用透明。如：shadow.png换成shadow-trans.png PNGTransparncyinIE方法在背景应用上只能做到background-image的效果, 背景重复坐标调用等暂时实现不了