HTML如何给背景颜色设置透明度
6个回答
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
logo在线生成器
2024-10-28 广告
在上海数都信息科技有限公司，我们擅长利用先进的设计软件与创意理念，为客户定制高质量的圆形图标。圆形图标作为视觉元素的经典之作，能够有效传达品牌理念与产品特性。我们精心挑选色彩搭配，融合简约而不失精致的线条，打造出既符合美学标准又具备高识别度...
点击进入详情页
本回答由logo在线生成器提供
展开全部
问题分析：
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。
举例如下：
以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。
HTML代码：
<div id="test-1">
我是黑色背景，不透明的。
</div>
<div id="test-2">
我是黑色背景，50%透明度。
</div>
<div id="test-3">
我是黑色背景，20%透明度。
</div>
CSS代码：
#test-1, #test-2, #test-3{
width: 300px;
height: 200px;
line-height: 200px;
text-align: center;
display: inline-block;
margin-left: 50px;
color: #FFF;
}
#test-1{
background-color: rgba(0,0,0,1);
}
#test-2{
background-color: rgba(0,0,0,0.5);
}
#test-3{
background-color: rgba(0,0,0,0.2);
}页面初始化效果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
/*给div背景颜色控制透明度，同时给div背景图片样式*/ -------------------------------------------------------------------
.div {background: rgba(137, 42, 126, 1) url(../images/cd-top-arrow.svg) no-repeat center 50%;}
.div {background: rgba(137, 42, 126, 1) url(../images/cd-top-arrow.svg) no-repeat center 50%;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给html元素设置样式：
backgound:#颜色值；
标准浏览器：opacity:0~1之间的值；
ie 浏览器：filter:alpha(opacity=1~100之间的值);
一般两个样式都写上就好
backgound:#颜色值；
标准浏览器：opacity:0~1之间的值；
ie 浏览器：filter:alpha(opacity=1~100之间的值);
一般两个样式都写上就好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
支持rgba的话
background: rgba(0, 0, 0, .5);
IE
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
background: rgba(0, 0, 0, .5);
IE
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
已赞过
已踩过<
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
