CSS如何定义DIV背景半透明颜色

就是用rgba颜色,代码如下 background: rgba(0, 0, 0, 0.5)解释:这是黑色半透明的代码 前三个值表示颜色的red,green,blue值 最后一个表示alpha值,就是透明度值,不透明为1 (支持IE8+以及所有现代浏览器)还是不懂的话,可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条 ...
CSS如何定义DIV背景半透明颜色
“长城郭靖”回答的是错的,他答的是让整个元素半透明

只让背景半透明只有一个办法,就是用rgba颜色,代码如下
background: rgba(0, 0, 0, 0.5)  解释:这是黑色半透明的代码
     前三个值表示颜色的red,green,blue值
     最后一个表示alpha值,就是透明度值,不透明为1
     (支持IE8+以及所有现代浏览器)

还是不懂的话,可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条
2013-08-05
html-css 中让一个DIV的背景色是半透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0.6;代码如下:
<html>
<head>
<style>
div{
widht:220px;

height:300px;

}

#div1{
background:#fff;

opacity:0.6;

z-index:10;

}
#div2{
z-index:11;

}
</style>

</head>

<body>
<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>

</body>
</html>2015-05-31
设置背景色 同时设置opacity(透明度,取值范围0-1)2013-08-05
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
opacity:0.5; /*IE9+及其他浏览器*/2013-08-04
mengvlog 阅读 9 次 更新于 2025-07-20 12:23:05 我来答关注问题0
  •  阿暄生活 怎么设置div背景为透明色 怎么设置div背景为透明

    直接在CSS中设置div的background-color属性为transparent,这样div的背景就会变为透明。这种方法适用于没有背景图片,只需要背景透明的情况。使用rgba颜色值:rgba是一种包含透明度的颜色表示方法,其中a代表透明度(alpha)。例如,background-color: rgba(0, 0, 0, 0.5);会将背景色设置为半透明的黑色。

  • 说明:rgba代表红色、绿色、蓝色和透明度,能设置颜色的透明度,包括背景、文字等。示例:backgroundcolor: rgba; 效果是背景半透明。兼容性:IE6、7、8不支持,但在现代浏览器中支持良好。优势:可以在保持文字清晰的前提下实现背景透明,是现代浏览器的最佳选择。使用IE专属的filter:Alpha方法:说明:filt...

  • 要实现 DIV 的半透明样式,有两主途径可循。首选,直接应用 CSS 中的 "opacity" 属性,此属性接收 0 到 1 间之数值,0 表全透明,1 表全不透明。示例 CSS 代码如下:.div-class { opacity: 0.5; }。次选,采用 RGBA 颜色值以达半透明效果。此颜色值具备透明度支持,于 CSS 的 "background...

  •  深空见闻 CSS背景色透明但内容不透明怎么实现?

    方法一:使用rgba值设置背景 步骤:确定背景颜色的rgb值:首先,在图像编辑工具(如Photoshop)中查看所需背景颜色的rgb值。设置rgba背景:在CSS中使用background: rgba(r, g, b, a);属性,其中r、g、b分别代表红、绿、蓝三个颜色通道的值,a代表透明度值,范围在0到1之间。例如,background: rgb...

  •  云南新华电脑学校 css设置背景半透明

    首先,用大家比较熟悉的CSS属性opacity来改变div的背景颜色。描述:外面大的div背景颜色为黄色,里面小的div的背景颜色为红色,现在我们需要设置大的div的背景颜色变成半透明状态,我们将opacity的属性值设为0.5,代码如下:HTML部分:1 2 3 我是内容 CSS部分:1 2 3 4 5 6 7 8 9 10 11 .aa{ ...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部