怎么设置div背景为透明,怎么设置div背景为透明色

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

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

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

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

前端怎么将一个div设置成透明的呢？

div设置成透明的，可以使用background属性，把background设置为transparent即可。

如何将div设置为透明

css中有一个opacity属性，可以设置透明度

如下例子，其中div透明度为60%

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

titleDocument/title

style

.div1{width: 200px;height: 200px; opacity: 0.6;background: red;}

/style

/head

body

div class="div1"/div

/body

/html

设置div背景透明的方法?

opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。

div class="test tstop"233/div

div class="test tstrgba"666/div

.test {width: 200px; height: 200px}

.tstop {background: red; opacity: 0.6}

.tstrgba {background: rgba(255, 0, 0, 0.6)}

可以实际体验一下。