㈠ Css实现背景图片半透明效果。
你的图片跟第二个层在同一个层里，第二个层又是相对定位，当然不行了。
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div width="1024" height="768">
<img src="C:\\webstudy\\Pic\\2.jpg" class="alpha"/>
</div>
<div style=" position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
或者：
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div style="position:relative" width="1024" height="768">
<img src="My Pictures/q-1.jpg" class="alpha"/>
<div style="position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
</div>
㈡ css实现层的隐现问题！关于背景色变半透明
这个背景要用js来写，因为如果用css，会存在浏览器兼容性的问题，和浏览器放大与缩小的问题。
拖动的话，这方面的代码就太多了。
㈢ CSS如何定义DIV背景半透明颜色
“长城郭靖”回答的是错的，他答的是让整个元素半透明
只让背景半透明只有一个办法，就是用rgba颜色，代码如下
background:rgba(0,0,0,0.5)
解释：这是黑色半透明的代码
前三个值表示颜色的red,green,blue值
最后一个表示alpha值，就是透明度值，不透明为1
（支持IE8+以及所有现代浏览器）
还是不懂的话，可以参考 网络 “rgba”词条 和 “CSS 颜色值”词条
㈣ 怎么用css给网页背景设置成半透明的
用rgba设置颜色，前三个参数是rgb的值，最后一个参数是透明度
㈤ div设置背景半透明
#a{
background:#FFCC33;
filter:alpha(opacity=50);/*支持IE浏览器*/
-moz-opacity:0.50;/*支持FireFox浏览器*/
opacity:0.50;/*支持Chrome,Opera,Safari等浏览器*/
width:300px;
height:300px;
}还有一种仅让背景半透明，里面内容不会透明
#a{
background:rgba(255,204,51,0.5);
width:300px;
height:300px;
}前三个值表示颜色的red,green,blue值
最后一个表示alpha值，就是透明度值，不透明为1
㈥ 关于CSS里背景半透明
图片实现半透明同时兼容各大浏览器比较复杂。
思路是现在主流浏览器处ie6外都支持png格式，
而Ie6下用微软的滤镜效果实现半透明,方法是在对应class中加：
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='你的图片.png', sizingMethod='scale');
同时用css钩子对浏览器进行区分。
可以在网络搜：ie6半透明
另外要的效果也有另一种思路：
用两个div分别装内容和背景，并让两个div重叠，装内容的div北京为空。背景层则可以用半透明css。
㈦ div+css如何实现背景半透明内容不透明
css滤镜只对IE有效，也够了
放个半透明的图片做背景不就可以了
是不背景要在字上面，主相对盖的绝对，用z-index试下。
㈧ css如何让层背景颜色半透明
{
filter: Alpha(Opacity=50) /* for IE */
background-color: rgba(0, 0, 0, 0.5); /*for FF*/
}
㈨ 可以用CSS直接写出把背景弄成半透明的效果吗
<html>
<head>
<title>怎样使图片半透明</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<style type="TEXT/CSS">.cool {
BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt
}
A {
TEXT-DECORATION: none
}
A:hover {
COLOR: #ff9900; TEXT-DECORATION: underline
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
TH {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
BODY {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
.tm {
FILTER: Alpha(Opacity=50)
}
.style2 {
FILTER: Alpha(Style=2)
}
.style1 {
FILTER: Alpha( Style=1, StartX=30, StartY=20,FinishX=15,FinishY=5)
}
</style>
<meta content="Microsoft FrontPage 6.0" name="GENERATOR">
</head>
<body bgColor="#ffffff" link="#6699FF" vLink="#6699CC">
<center>
<table cellPadding="0" cellSpacing="0" width="484">
<TBODY>
<tr vAlign="top">
<td width="490"><table cellPadding="0" cellSpacing="0" width="100%">
<TBODY>
<tr>
<td vAlign="top" width="397">
<div
id="Layer1" style="HEIGHT: 31px; LEFT: 138px; POSITION: absolute; TOP: 166px; WIDTH: 14px">
<dd>
<img class="tm" src="images/girl.gif" width="32" height="32"></dd>
</div>
<script>
//这是使图层移动的函数
function move_layer()
{
Layer1.style.left=event.clientX+document.body.scrollLeft+10;
Layer1.style.top=event.clientY+document.body.scrollTop+10;
}
//这里的意思是，如果鼠标移动时就调用"move_layer"函数
document.onmousemove =move_layer;
</script>
</td>
</tr>
</TBODY>
</table>
</td>
</tr>
<tr>
<td vAlign="top" width="490">
<table cellPadding="0" cellSpacing="0" width="392">
<TBODY>
<tr>
<td height="1" vAlign="top" width="3"></td>
<td vAlign="top" width="11"></td>
<td height="22" vAlign="top" width="487">
<table cellPadding="0" cellSpacing="0" class="hs"
width="487" height="269">
<TBODY>
<tr align="middle">
<td height="33" colspan="3" width="485" valign="bottom">
<p align="center"><font size="2" color="#FF0000">怎样使图片半透明</font></p>
</td>
</tr>
<tr vAlign="top">
<td width="185" height="236"><span style="font-size:10.5pt;mso-bidi-font-size:10.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman";mso-bidi-font-family:"Times New Roman";mso-font-kerning:1.0pt;
mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA"> </span>
<span style="mso-bidi-font-size:10.0pt;
font-family:宋体;mso-ascii-font-family:"Times New Roman";mso-hansi-font-family:
"Times New Roman";mso-bidi-font-family:"Times New Roman";mso-font-kerning:1.0pt;
mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA">
经常在网上见到半透明的图片吧！图片不会遮挡住后面的文字，想知道怎么做的吗，很简单，</span><span style="mso-bidi-font-size:10.0pt;font-family:宋体;mso-hansi-font-family:
"Times New Roman";mso-bidi-font-family:"Times New Roman";mso-font-kerning:1.0pt;
mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA">这就是<span lang="EN-US">CSS样式表单滤镜Alpha的<span style="color:black">强大功能，</span>仅用短短的几行代码，就实现了以上效果，</span></span>你应该看到了一个半透明的图片吧！ <br>
用的图片是这张：<img align="top" height="32" src="images/girl.gif" width="32"><br>
为了更加清楚的看到效果。我们让图片跟随鼠标! 产生半透明效果的方法用了CSS样式！<br>
</td>
<td width="68" height="236">
</td>
<td width="228" height="236">第一种效果:<font color="#006666">Alpha( Style=1, StartX=30, StartY=20, FinishX=15,
FinishY=5)</font><br>
<img alt="返回首页!" border="0" class="style1" height="69" src="images/PHOT046.JPG"
width="206"><br>
<br>
第二种的效果.<font color="#006666">Alpha(Style=2)</font> <br>
<img alt="返回首页!" border="0" class="style2" height="65" src="images/PHOT046.JPG"
width="206"><br>
其他参数自己试试吧！<br>
<br>
</td>
</tr>
</TBODY>
</table>
</td>
</tr>
</TBODY>
</table>
</td>
</tr>
<tr align="right">
<td width="490"></td>
</tr>
</table>
<p align="center"> </p>
</center>
</body>
</html>
或者
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用CSS控制透明图片</title>
</head>
<body>
<style>
body{ font-size:12px;}
#top{position:absolute;}
#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}
#top a:hover{font-size:9px;}
#top a:hover img{-moz-opacity:0.5; filter:alpha(opacity=80);cursor:hand;}
</style>
<div>
<div id="top"><a href="http://www.jscode.cn" target="_blank"><img src="http://www.jscode.cn/Uploadfile/200682495750348.JPG" /></a></div>
这里是一些文字</div>
</body>
</html>
㈩ css黑色透明背景，怎么做成这种半透明的背景求代码，急急急！！！
<!doctypehtml>
<html>
<head>
<title>test</title>
<styletype="text/css">
.layer{
background:#000;
opacity:0.42;/*透明度设置样式*/
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
z-index:1;
}
.container{
position:relative;
width:100%;
height:100%;
color:green;
font-size:48px;
z-index:0;
}
.pop{
position:relative;
margin:auto;
z-index:2;
width:400px;
height:200px;
background:#fff;
color:red;
}
</style>
</head>
<body>
<divclass="container">
<divclass="layer">
thisislayer
</div>
<divclass="pop">
thisispop
</div>
</div>
</body>
</html>