Question

CSS中设置了图片透明度怎么不起作用呀

#stage{
background: url("0.png")filter:alpha(opacity=70%);
}
#stage{
background: url("0.png")filter:alpha(opacity=70)
}
#stage{
background: url("0.png")filter:alpha(opacity=70);
}
#stage{
background: url("0.png")filter:alpha(opacity=70%);
}
#div1 {
background-repeat: repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="0.png"
}

以上的都试过了就是不出现透明，在IE，谷哥下都不能
设置了行内元素也不行 style="background-image:url(0.png);filter:alpha(opacity=20);-moz-opacity:0.2;"

Answer 1

一、不起作用的原因：

1、写法错误。

2、浏览器不兼容。

二、css中正确的图片透明度写法：

例：原图：

css中加透明度写法：

img
{opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */

}

这样图片显示为：

说明：

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。

IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。

Answer 2

background: url("0.png")filter:alpha(opacity=70);

因为你背景和透明度中间没有分号 没隔开。。。。。。。。。。。。。。。。。。。。是给这个DOM设置 而不是给背景图片设置

应该是 background: url("0.png");filter:alpha(opacity=70);

IE是用filter:alpha(opacity=70);

其他浏览器用 opacity:0.7;

追问

哥你太棒了，这个可行唉谢谢哥了

Answer 3

滤镜很多浏览器都是不支持的，所以最好不要用滤镜，更不用专门去学这个，了解一下就好了，防止什么时候需要用到
建议你还是直接在ps里面处理图片的透明度并导成png格式的图片就行了
目前不兼容png图片的只有IE6而已，更老版本就不作说明了，IE6本来就用的少了，估计现在应该找不到有人还在用比IE6更老的版本；而解决IE6中png透明的方法比较简单，加一个js脚本就解决了，我的百度空间有解决这个问题的方法文章，就不发代码了，代码量太多

Answer 4

透明度设置
filter:alpha(opacity=70);opacity:0.7;