css 背景色半透明 子元素不透明

方法一：

背景色用rgba表示 兼容各个浏览器 ie8：

通过！important与filter:alpha(opacity=透明值)的结合使用即可解决；例如 background-color:#f9f1f1; background:rgba(249, 241, 241, 0.85) !important;filter:alpha(opacity=85)。

方法二：

背景色用background-color:#000;

子元素放在父div外面的div,通过定位显示在父div上面：

<div class="parent"></div>

<div class="child">子元素</div>

css:

.parent{width:500px ;height:300px;background-color:#000; opacity:0.5;position:relative;}

.child{font-size:20px;color:blue; position:absolute; top:100px; left:200px;font-family:"微软雅黑";}