如何将div设置为透明
5个回答
展开全部
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)。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置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%半透明
说明：
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%半透明
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在DIV的样式里面添加上下面的样式：
filter:alpha(opacity=60); //60就是60%的透明度
opacity:0.6; //0.6也是60%的透明度意思
这2个都要写上去，不然在不同浏览器下会有兼容性问题。
filter:alpha(opacity=60); //60就是60%的透明度
opacity:0.6; //0.6也是60%的透明度意思
这2个都要写上去，不然在不同浏览器下会有兼容性问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
