提高CSS对浏览器的兼容性！不是看你代码有多强，是看你对问题的态度-白红宇

对于页面的CSS样式，我们开发人员一般只会写一种方式，但一方式很难去适应所有浏览器，或者同一浏览器的各种版本，但如果你要设计一个完美的系统，又必须要去

考虑这个问题，下面是我对CSS样式设计的一个想法：

1 将公有部分，没有兼容的部分放在一个CSS文件里

2 将各个浏览器的个性CSS代码（有兼容性的代码）分别放在自己的文件中

3 通过CSS的IF来进行动态的选择

看代码：

我们可以看到，它对IE9，IE8和IE7进行了过滤，如果你用IE8，那么页面就加载IE8的CSS样式。

页面HTML代码不用修改，各种版本的CSS只用一个HTML主体

1 
     
       2                 
      
        3 
           
        
          4         
         名称 5          6         
          7         
          8     
        
 9     
        
         10         
         
          11 12 
          
           13 
           
           14 
           Attachable15 
           Check to allow this part to be attached to other content types. 16 17 
          
        
         
18         
         字段
19         
         
          新增
         
20         21     
        
22     
        
         23         
         24         
         25     
        
26  
       
27 
      
28

怎么样，这种方式不错吧，页面清晰，逻辑清晰，代码清晰，CSS也面向对象了！呵呵。

本文转自博客园张占岭（仓储大叔）的博客，原文链接：，如需转载请自行联系原博主。