css里怎么给背景图片变透明点 给图片的div加什么代码才能实现呢

html-css019

css里怎么给背景图片变透明点 给图片的div加什么代码才能实现呢,第1张

1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的：

2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器：

3、刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是0-1，0表示完全透明，1表示不透明：

你外面的DIV都透明了。那么他包含的所有元素都是透明的。你可以这么做

<div style="position:relative">

<div style="opactiy:.5position:absulotleft:0top:0width:100%height:100">这是你要透明的DIV</div>

<img src="" style="position:absulotleft:0top:0width:100%height:100">/><!--这个是不透明的-->

</div>

当然这种方式一点都不理想

最好的方式当然是设置

外面这个DIV 背景“色”为透明。而不是他本身透明rgba(134, 62, 62, 0.39)

如果是图片就是第一种方式。