[分享]css中div透明度

CSS中的div透明度是网页设计中常用的CSS属性之一。通过设置透明度，我们可以控制网页中的元素的显示方式和透明度，从而达到一定的设计效果。 box { opacity: 0.5; // 设置透明度为...

CSS中的div透明度是网页设计中常用的CSS属性之一。通过设置透明度，我们可以控制网页中的元素的显示方式和透明度，从而达到一定的设计效果。

 #box {
      opacity: 0.5;    // 设置透明度为50%
      filter: alpha(opacity=50);    //设置IE浏览器下的透明度为50%
    } 

在上面的代码中，我们可以看到，有两种设置透明度的方式：

第一种方式是使用opacity属性，其取值范围为0到1，其中0表示完全透明，1则表示完全不透明。这个属性可以被继承，即如果一个元素设置了opacity的值，那么其子元素也会继承这个值。但是需要注意的是，使用opacity会使子元素不可见，因此需要设置z-index的值。

第二种方式是使用filter属性，这是IE浏览器特有的一个属性，它可以兼容IE6及以上版本。其中alpha表示透明属性，其参数取值范围为0到100，其中0表示完全不透明，100则表示完全透明。

总的来说，无论是使用opacity还是filter，都可以达到设置透明度的效果。但是需要注意兼容性问题，因为有些浏览器不支持这些属性。