CSS如何定义DIV背景半透明颜色
我现在用的方法是以一个像素的半透明png图做背景鼠标移到DIV上时换一个透明度更低的png图不过一个像素虽然小但还是需要一些时间下载的所以就造成了鼠标移到DIV上时有一小...
我现在用的方法是以一个像素的半透明png图做背景 鼠标移到DIV上时换一个透明度更低的png图 不过一个像素虽然小 但还是需要一些时间下载的 所以就造成了鼠标移到DIV上时有一小会的空白 （此处为例子：http://t.chenyuheng.cn/%E9%A6%96%E9%A1%B5.html）网速快的可能不会有这种情况 但为了网速比较慢的浏览者 我想如果可以直接设置半透明的背景应该更好 所以求大侠们详细说明如何定义半透明的背景颜色（可以不兼容IE8及以下的浏览器）
一定要详细一点 各个参数都说清楚点 展开
一定要详细一点 各个参数都说清楚点 展开
展开全部
“长城郭靖”回答的是错的，他答的是让整个元素半透明
只让背景半透明只有一个办法，就是用rgba颜色，代码如下
background: rgba(0, 0, 0, 0.5)
解释：这是黑色半透明的代码
前三个值表示颜色的red,green,blue值
最后一个表示alpha值，就是透明度值，不透明为1
（支持IE8+以及所有现代浏览器）
还是不懂的话，可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置背景色 同时设置opacity（透明度，取值范围0-1）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
opacity:0.5; /*IE9+及其他浏览器*/
opacity:0.5; /*IE9+及其他浏览器*/
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
