如何将div设置为透明

如题所述

举报该问题

推荐答案 2019-07-01

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)。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/CSh0I2I6fC2ISCIIII.html

其他回答

第1个回答推荐于2017-11-23

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

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
  .div1{width: 200px;height: 200px; opacity: 0.6;background: red;}
  </style>
</head>
<body>
  <div class="div1"></div>
</body>
</html>

本回答被网友采纳

第2个回答 2021-03-29

第3个回答 2014-10-28

设置DIV半透明CSS代码：div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认
2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50%
3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明

第4个回答 2012-06-07

在DIV的样式里面添加上下面的样式：
filter:alpha(opacity=60); //60就是60%的透明度
opacity:0.6; //0.6也是60%的透明度意思

这2个都要写上去，不然在不同浏览器下会有兼容性问题。

相似回答

大家正在搜