css去掉透明度

使用CSS去掉元素的透明度 在开发网页的时候，我们经常需要对元素进行透明度处理，使网页更加美观。但是有些情况下，我们需要对元素去掉透明度。这篇文章就教大家如何使用CSS去掉元素的透明度。 首先，我们需要了解透明度是如何操作的。CSS中可以使用opacity属性来控制元素的透明度，其取值为0（完全透明）~1（完全不透明）之间的数值。 例如，我们使用如下的CSS代码来设置一个透明度为0.5的段落：

p{
   opacity:0.5;
}

如果我们想要去掉这个段落的透明度，我们可以通过将opacity属性的值设置为1来实现。即：

p{
   opacity:1;
}

这个段落就不再具有透明度了。 有些情况下，我们不仅需要将元素自身的透明度去掉，还需要使其子元素不受影响。这时我们可以使用inherit关键字，将元素的透明度设置为继承自其父元素的透明度。 例如，如下的CSS代码可以去掉一个列表中所有项的透明度：

ul{
   opacity:1;
}
ul li{
   opacity:inherit;
}

这样，在一个透明度为0.5的ul元素中，所有li元素的透明度都将被设置为0.5。而在一个完全不透明的ul元素中，所有li元素也将完全不透明。 总之，使用CSS去掉元素的透明度非常的简单，只需要将其opacity属性的值设置为1即可。如果想要使子元素不受影响，可以使用inherit关键字。