如何将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)。
展开全部
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个都要写上去,不然在不同浏览器下会有兼容性问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询