如何将div设置为透明

1、先引入对应的脚本文件。

2、在html里，我们创建一个div，div里面包含一个子div和一个p元素。后面还有一个按钮，用来触发删除 *** 作的。

3、通过id找到div，然后调用html()方法，并把空字符串传进去，就可以清空div里的内容了。

4、运行页面，可以看到现在div里有一个子div和一个p段落。我们点击删除按钮。

5、点击后，可以看到现在div里的内容全部被删除了。

6、让div有透明度而不影响内容，不能使用opacity:0.5，因为它会让内容也透明化；不影响内容要使用。

7、background:rgba()，rgba分别代表的是红色、绿色、蓝色和透明度（括号内的值分别对应），例如background:rgba(255,00,255,0.5)。

html-css 中让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0；代码如下：

<div id='div1'>

<div id='div2'>

<p>我是测试文字</p>

</div>

</div>

<style>

div{

widht:220px

height:300px

}

#div1{

background:#fff

opacity:0

z-index:10

}

#div2{

z-index:11

}

</style>

---