纯CSS实现圆角框且父层半透明子层不透明

html+div+css 2472 0 2012-04-10

纯CSS实现圆角框且父层半透明子层不透明
STHLE:
body{ background:#c00;}
.box{width:500px; position:absolute; top:10px; z-index:101;}
.top{border-bottom:3px solid; border-top-color:#000; border-bottom-color:#000; border-left:3px dotted transparent; border-right:3px dotted transparent;}
.center{height:300px; font-size:14px; background:#000;}
.bot{border-top:3px solid; border-top-color:#000; border-bottom-color:#000; border-left:3px dotted transparent; border-right:3px dotted transparent;}
.box{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}

.cons{width:480px; position:absolute; height:285px; left:16px; top:20px; background:#FFF; border:#CCC 1px solid;z-index:102;}
.tit{background:#090;}

.txt{height:50px}

 

HTML:
hjghjghgkhgjggjkghh<BR>sda苦寒电位器锻久仰大名地锻<BR>东奔西走东奔西走 大师傅
<div class="box"><div class="top"></div><div class="center"></div> <div class="bot"></div></div>
<div class="cons"><div class="tit">标题</div><div class="txt">我是一只小小鸟、小小鸟!</div></div>

上一篇:如何让iframe的背景透明

下一篇:IE=EmulateIE7意思是将IE8用IE7进行渲染,使网页在IE8下正常显示

讨论数量:0

请先登录再发表讨论。 2024-04-28

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链