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

html-css015

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)

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

这样是不可以的

他们是两个页面

css

没有继承关系

现在的iframe

已经过期

不是很非常需要

还是用div代替

你设置也只能设置成background-color:yellow