/*以下是常见的css兼容性代码*/ /*解决IE6无法识别!important*/ * html .class{height:100px!important;height:98px;} /*解决IE6双边距问题*/ * html .class{display:inline-block;} /*解决Firefox3以下版本中min-height不起作用的问题*/ .class{min-height:100px !important;height:auto !important;height:100px;} /*解决Safari,Chrome中border-radius边框样式不兼容*/ .class{-webkit-border-radius:10px;border-radius:10px;}
以上内容仅是部分常用的CSS兼容性代码,大家可以通过这些代码将网页在多个浏览器上正常展示。当然,这里也提醒大家,使用这些代码只是解决了浏览器兼容性的问题,还需合理的布局、代码精简等多方面考虑,才能真正优化网页设计。