举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css opacity属性 CSS3 opacity 属性

css opacity属性 CSS3 opacity 属性

2023-03-24 07:20 CSS参考手册

css opacity属性 CSS3 opacity 属性

css opacity属性

CSS opacity属性是用来设置元素的不透明度,它可以让元素变得更加透明,也可以让元素完全不透明。opacity属性的值介于0.0(完全透明)到1.0(完全不透明)之间。

  opacity: 0.5;

opacity属性是一个非常有用的CSS属性,它可以让你创建一些非常有趣的效果。例如,你可以使用opacity来创建一个半透明的背景图片或者文字。你也可以使用opacity来创建一个半透明的图片或者文字覆盖在背景图片上面。

 
  background-image: url(image.jpg); 
  opacity: 0.5; 

CSS3 opacity 属性

CSS 参考手册

实例

设置 div 元素的不透明级别:

div
{
opacity:0.5;
}

亲自试一试

您可以在本页底部找到更多实例。

浏览器支持

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

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

定义和用法

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

默认值: 1
继承性: no
版本: CSS3
JavaScript 语法: object.style.opacity=0.5

语法

opacity: value|inherit;
描述
value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
inherit 应该从父元素继承 opacity 属性的值。

相关页面

CSS 教程:CSS 图像透明度

CSS 参考手册

阅读全文
以上是名动网为你收集整理的css opacity属性 CSS3 opacity 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们