​css中怎么样设置透明度？

Question

css中怎么样设置透明度？CSS！！！！CSS！！！CSS！！！

Answer 1

opacity: value|inherit;

value    规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。    测试    

inherit    应该从父元素继承 opacity 属性的值。    

注意：这是css3，低版本的IE不兼容。

不过低版本的IE有滤镜功能，可以这样写：

filter:alpha(opacity=value);

value   取值0至100之间的任意数值，100表示完全不透明

Answer 2

如果你要设置透明度，你需要在要透明层的div上加以下CSS代码，不同的浏览器代码有区别：

div{

filter:alpha(opacity=50); /*支持 IE 浏览器*/

-moz-opacity:0.50; /*支持 FireFox 浏览器*/

opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/

} 

举个实例来说，把类为box的层设为透明。

<div class="box"></div>

<style>

.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-opacity: 0.3}

</style>

其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。