近日有个网友问我，怎么样能实现div半透明 文字不透明的效果呢？几天前好像我写一个用css3来做的，但他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下，用浮动层可以做到啊，具体的请看下面的代码：

背景半透明但文字不透明


body{
    background: #40ed90;
}

#container {
    
 color: #154BA0;
    
 background: #ff0000;
    
 filter: Alpha(Opacity=10, Style=0);
    
 opacity: 0.10;
    
 position: absolute;
    
 height: 200px;
    
 width:500px;
    
 z-index:20;
}
 
#text {
    
 position: absolute;
    
 height: 200px;
    
 width:500px;
    
 text-align:center;
    
 z-index:30;
}
    




背景半透明但文字不透明

最终的效果如下：

div半透明 文字不透明

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！