html图片透明敷,css如何让图片透明？

使用css来控制图片的透明度，会加快开发速度，本文详细介绍css怎么设置图片透明，适用于所有的html+css前端开发，详细的方法如下。

css可以使用opacity属性让图片透明。opacity 属性设置元素的不透明级别。

语法：opacity: value|inherit;

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

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

示例：

.div1

{

width: 400px;

height: 266px;

margin:15px;

background:url('4.jpg')no-repeat;

opacity:0.5;

}

.div2

{

width: 400px;

height: 266px;

margin:15px;

background:url('4.jpg')no-repeat;

}

透明图片

不透明图片

效果图：