如何将div设置为透明

html-css027

如何将div设置为透明,第1张

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>