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