首页 >web前端 >html教程 >急求高手解决CSS中的png背景图在IE6中透明度的问题!_html/css_WEB-ITnose

急求高手解决CSS中的png背景图在IE6中透明度的问题!_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:17:471073浏览

急求高手解决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       }}

CSS设置透明:
	filter:alpha(opacity=50);	-moz-opacity: .5;	opacity: .5;

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn