急求高手解决CSS中的png背景图在IE6中透明度的问题!
为什么在dreamweaver中的css用滤镜这个方法可以,放到eclipse项目上就不行呢,src中的路径也没错啊,图片不是显示不了,就是没有透明的效果????????
.bg2{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="logo.png"); width:100px; height:100px;}
资源里有3种办法解决。你去我的资源下载吧。
资源里有3种办法解决。你去我的资源下载吧。
下载下来三种方法都试了怎么还是不行?
如果没有半透明的部分,就用gif格式图片
引用 1 楼 stongyann 的回复:资源里有3种办法解决。你去我的资源下载吧。
下载下来三种方法都试了怎么还是不行?
注意 路劲 。在 css 里面的 路劲 一个是正常路劲 一个是 页面相对与图片的路径。
DD_belatedPNG_0.0.8a试试这个JS,我一直用
可以将图片保存成png8格式,alpha透明即可
页面中使用PNG图片,引用下面的js文件
var arVersion = navigator.appVersion.split("MSIE")var version = parseFloat(arVersion[1])function fixPNG(myImage) { if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "" var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "" var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' " var imgStyle = "display:inline-block;" + myImage.style.cssText var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>" myImage.outerHTML = strNewHTML }}
filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5;