13问答网 > 如何将div设置为透明

如何将div设置为透明

2025-04-02 10:50:06

推荐回答（5个）

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

回答2：

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

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




  
  Document

回答3：

回答4：

设置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%半透明

回答5：

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

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