CSS如何定义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 颜色值”词条

温馨提示:内容为网友见解,仅供参考
第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+及其他浏览器*/

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中,如何设置前景色的透明度?
1、准备好初始化的代码 <html> <head> <meta charset="utf-8"\/> <style> <\/style> <\/head> <body> <div><\/div> <\/body> <\/html> 2、初始化样式 div{ border:1px red solid;width:800px;height:800px;background-color:blue;} 3、运行结果为 4、设置背景颜色半透明的样式代码backgro...

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

css如何把背景颜色改成透明背景色呢?
background-color: transparent;

CSS中背景颜色透明度如何设置?
在CSS中设置背景颜色透明度,主要通过滤镜功能实现。通过使用alpha语法,开发者可以精确调整透明度。alpha语法的格式如下:filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)Opacity:这个参数控制透明度的初始值。值...

css如何让层背景颜色半透明
可以,定义它的Alpha值 .halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 然后在层标签中加<div class="halfalpha"> 你自己慢慢调试!

div怎么给背景颜色设置透明度且div里面的内容不透明,求具体步骤,谢谢...
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} 具体参数含义如下:opa...

CSS\/DIV背景色透明代码问题
是指70%的透明 Alpha(opacity=XX) = IE的设定 (旧版IE)-moz-opacity: = FIREFOX设定 (以前用的,现在基本不用了)opacity: = 现在这一个设定,基本能控制上IE以外多个浏览器(FireFox,chrome,Safari,Opera,新版IE)了 可参考:http:\/\/www.w3schools.com\/cssref\/css3_pr_opacity.asp ...

css如何设置透明度?设置透明度的两种方法(代码实例)
1. 使用rgba()函数RGBA函数允许你设置颜色的透明度,其语法是rgba(R,G,B,A)。其中R、G、B分别代表红色、绿色和蓝色的值,范围0-255;A为透明度,0代表完全透明,1代表完全不透明。例如:背景半透明(demo2):rgba(255,0,0,0.5),文字保持不透明。 对比实例:demo1完全覆盖demo,demo2部分...

如何用css设置透明色?
一、答案:使用CSS中的opacity属性可以实现对元素颜色的透明化处理。例如,如果想要设置一个元素的透明度为50%,可以这样写:css 元素名 { opacity: 0.5;} 另外,也可以使用rgba颜色值来设置透明色,例如:css 元素名 { background-color: rgba; \/* 这里设置的是半透明的红色 *\/ } 以上两种方式都...

相似回答