好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3中怎么调节透明度

css3中 调节 透明度的方法:可以使 用O pac IT y属性来设置透明度,如【opacity:0.5; filter:Alpha(opacity=50);】,表示将元素透明度设置为0.5。

本文操作环境:windows10系统、css 3、 ThinkPad t480 电 脑。

属性介绍:

opacity 属性设置元素的不透明级别。

语法:

opacity: value|inherit;

属性值:

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

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

调节透明度的方法:

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

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

</body>
</html>

运行结果:

相关推荐:CSS教程

以上就是css3中怎么调节透明度的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css3中怎么调节透明度 全部内容,希望文章能够帮你解决 css3中怎么调节透明度 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css3中怎么调节透明度的详细内容...

  阅读:24次