请教：用CSS给DIV设定半透明，如何让DIV内的内容不透明？先谢谢啦。

Question

BODY {
SCROLLBAR-FACE-COLOR: #cdcdcd; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: "宋体"; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
TD {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
P {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
INPUT {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
FONT {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
SELECT {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
OPTION {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
TEXTAREA {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
FORM {
TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体"
}
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
A:active {
FONT-SIZE: 12px; TEXT-DECORATION: none
}
.table {
BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff
}
.border {
BORDER-RIGHT: #111111 1px dotted; BORDER-TOP: #111111 1px dotted; BORDER-LEFT: #111111 1px dotted; COLOR: #000000; BORDER-BOTTOM: #111111 1px dotted; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #efefef
}
.time {
FONT-SIZE: 11px; FONT-FAMILY: Arial
}
.shadow1 {
FONT-SIZE: 12px; FILTER: dropshadow(color=#d5d5d5,offx=1,offy=1); COLOR: #000000
}
.shadow2 {
FONT-SIZE: 12px; FILTER: dropshadow(color=#111111,offx=1,offy=1); COLOR: #ffffff
}
.p1 {
FONT-SIZE: 12px; COLOR: #d60303; TEXT-DECORATION: none
}
.p2 {
FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
.p3 {
FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none
}
.p4 {
FONT-SIZE: 12px; COLOR: #007cd3; TEXT-DECORATION: none
}
.line {
LINE-HEIGHT: 18pt
}

Answer 1

<DIV ID="oFilterDIV" STYLE="position:absolute; top:50; left:10; width:240; height:160; padding:10px; font:bold 13pt verdana; background:green;
 filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=50, FinishOpacity=0, Style=1, StartX=0,  FinishX=100, StartY=0, FinishY=100)">
This is the DIV object content.</DIV>

Answer 2

<STYLE>
   INPUT.aFilter {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
</STYLE><INPUT TYPE="text" VALUE="Button" CLASS="aFilter">

Answer 3

net_lover(孟子E章) ,字还是模糊啊？？？？

Answer 4

原来我也遇到这种问题，我用一个容器层，
.tranDiv {position:relative;width:100%;height:100%;top:0px;left:0px;border:2px solid #ffffff}里面包括一个背景层（半透明）
.tranDivBack { position:absolute; width:100%; top:0px; left:0px; height:100%;background-color:#0066ff; z-index:-10; filter:alpha(Opacity=40) }和一个内容层
------------------------------------
<div class=trandiv>
   <div class=tranDivBack></div>
   <div>
      内容
   </div>
</div>

Answer 5

.SetCSS {
BORDER-RIGHT: #c1ceda 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c1ceda 1px solid; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff; FILTER: Alpha(Opacity=80, FinishOpacity=100,); VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: visible; BORDER-LEFT: #fffbeb 2px solid; WIDTH: 150px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; BORDER-BOTTOM: #c1ceda 1px solid; POSITION: absolute
}
给div调用clss div内用table