常用灰色背景透明正确方法:
1.
设置背景透明样式
.bg{
background-color:
rgba(255,255,255,.5)
},但是不支持ie低版本浏览器(ie8及以下);
2.
设置背景图片为半透明png图片.bg{
background-image:url(touming.png)},兼容性较好,但是ie6浏览器下需要引用‘ie6下png图片透明插件’(例如:DD_belatedPNG)。但是微软已经宣布淘汰ie6浏览器,ie6已不再成为兼容调节的主流。
1、新建html文档,在body标签中添加一个img标签,这时默认情况下图片是不透明的:
2、在head标签中添加style标签,在style标签中为img标签设置透明度样式,其中三个属性是为了兼容不同浏览器:
3、刷新浏览器中的页面,这时可以发现浏览器中图片的透明度改变了,透明度的范围是0-1,0表示完全透明,1表示不透明: