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

我现在用的方法是以一个像素的半透明png图做背景鼠标移到DIV上时换一个透明度更低的png图不过一个像素虽然小但还是需要一些时间下载的所以就造成了鼠标移到DIV上时有一小会的空白（此处为例子：http://t.chenyuheng.cn/%E9%A6%96%E9%A1%B5.html）网速快的可能不会有这种情况但为了网速比较慢的浏览者我想如果可以直接设置半透明的背景应该更好所以求大侠们详细说明如何定义半透明的背景颜色（可以不兼容IE8及以下的浏览器）
一定要详细一点各个参数都说清楚点

举报该问题

推荐答案推荐于2017-09-19

“长城郭靖”回答的是错的，他答的是让整个元素半透明

只让背景半透明只有一个办法，就是用rgba颜色，代码如下

background: rgba(0, 0, 0, 0.5)

　　解释：这是黑色半透明的代码

　　　　　前三个值表示颜色的red,green,blue值

　　　　　最后一个表示alpha值，就是透明度值，不透明为1

　　　　　（支持IE8+以及所有现代浏览器）

还是不懂的话，可以参考百度百科 “rgba”词条和 “CSS 颜色值”词条

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/BXXtzXz7B.html

其他回答

第1个回答推荐于2017-09-02

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>

第2个回答 2013-08-05

设置背景色同时设置opacity（透明度，取值范围0-1）

第3个回答 2013-08-04

filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
opacity:0.5; /*IE9+及其他浏览器*/

相似回答

大家正在搜