png图片透明解决办法 and 背景颜色透明
作者:ajie1017 日期:2010-02-08
png图片透明解决办法
.pngpic{
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
png背景透明解决办法
.pngbackground{
background:url(bg.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=bg.png',sizingMethod='scale');
}
注:不太建议用这种方式,可能会引起e系统很慢等问题,能用GIF的就不要用PNG,
以下是背景颜色透明,一般做弹出层后面的透明背景
兼容 IE6,7,8 FF
.bg{FILTER: ALPHA(OPACITY=80); _MOZ-OPACITY: 0.8; OPACITY: 0.8; BACKGROUND-COLOR: #999;}
.pngpic{
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
png背景透明解决办法
.pngbackground{
background:url(bg.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=bg.png',sizingMethod='scale');
}
注:不太建议用这种方式,可能会引起e系统很慢等问题,能用GIF的就不要用PNG,
以下是背景颜色透明,一般做弹出层后面的透明背景
兼容 IE6,7,8 FF
.bg{FILTER: ALPHA(OPACITY=80); _MOZ-OPACITY: 0.8; OPACITY: 0.8; BACKGROUND-COLOR: #999;}
评论: 0 | 引用: 0 | 查看次数: 478
发表评论
上一篇
下一篇


文章来自:
Tags: