css如何设置背景图片的透明度
了解css如何设置背景图片的透明度?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站设计、博湖网络推广、小程序定制开发、博湖网络营销、博湖企业策划、博湖品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供博湖建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
css设置背景图片的透明度的方法:可以利用opacity属性来进行设置,如【opacity: value|inherit;】。value规定不透明度,inherit规定从父元素继承opacity属性的值。
属性介绍:
opacity 属性设置元素的不透明级别。
语法:
opacity: value|inherit;
属性值:
value 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
inherit 应该从父元素继承 opacity 属性的值。
示例:
提示:CSS 中无法直接给背景图片加 opacity 属性,可以使用下面的方法绕过这个限制。
div { width: 200px; height: 200px; display: block; position: relative; } div::after { content: ""; background: url(image.jpg); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
感谢各位的阅读!看完上述内容,你们对css如何设置背景图片的透明度大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。
网页题目:css如何设置背景图片的透明度
文章URL:http://pwwzsj.com/article/gedsog.html