css如何设置div透明?

css可以使用opacity属性来设置div的透明度,将opacity属性的属性值设置为0即可使div完全透明。在IE8及更早的浏览器中可以使用filter属性来设置div透明度。

css设置div透明的方法:

css中有一个opacity属性,可以设置透明度,若要设置div完全透明,可以将 opacity 属性的值设置为0。

示例:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>

</body>
</html>

效果图:

1.jpg-600

opacity属性

浏览器支持

所有浏览器都支持 opacity 属性。

注释:IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。

语法:

opacity: value|inherit;

属性值:

  • value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

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

以上就是css如何设置div透明?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑