这是一段不应该透明的文字 
    

.box{
      width: 300px;height: 25px;background: red;opacity: 0.5}

这样我的文字几乎看不清，这当然不是我想要的，随即去查询资料，找到了一个解决办法，使用的属性：

.box{
      width: 300px;height: 25px;background: rgba(255,0,0,0.5);}

这种方式是利用的新属性，更改背景的，这样就不会影响到内容的，但是有一个问题就是目前很多浏览器对的属性不支持，没办法，为了兼容该死的IE，还是琢磨出兼容的写法吧。

    
 //专门用来做背景 
    
      这是一段不应该透明的文字 
    

.box{
      width: 300px;height: 25px;font-size: 24px;background: red;opacity: 0.5;position: absolute;left: 0;top: 0;} .text{ position: absolute;z-index: 10;left: 0;top: 0;}

把文字和背景放在不同的层里面，目前也只有这个笨方法来实现了，等到脑残的不标准的IE滚出浏览器界的时候，我们的CSS3就能派上大用场了。