六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 171|回复: 0

透明背景文字不透明

[复制链接]

升级  28%

24

主题

24

主题

24

主题

秀才

Rank: 2

积分
92
 楼主| 发表于 2013-2-7 23:34:02 | 显示全部楼层 |阅读模式
<style type="text/css">
.box{ width:800px; height:150px; background:#CCC;filter:alpha(opacity=30);opacity:0.3; }
</style>
<br/>
<div class="box">  
    <div style="position:relative">div的position属性为relative,IE认为包含文字的div脱离了标准流,样式就不再继承</div>
</div>
<br/>

<div style="position:relative">
<div class="box"></div>
<div style=" position:absolute;color:#000; left:0px; top:0px">
    同级的透明的容器和不透明的容器显示重叠</div>
</div> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表