条件CSS基本使用方法

像你所看到的，条件 CSS 使得你可以只维护一个 CSS 文件，而不是好几个需要用到 IE 的条件注释的文件。这有助于流线型维护，也使得代码更加清晰。

再进一步，条件 CSS 的一个重要特性是当它发现一条 @import CSS 声明时，它会自动打开并插入需要导入的文件。这样就减少了页面的加载时间，因为浏览器只需要对 CSS 文件做出一条 HTTP 请求。

尽管条件 CSS 大多用于针对不同版本的 IE 浏览器，当你在别的浏览器碰到很难修正的 bug(主要使用 Javascript 修正) 的时候，条件 CSS 也是相当有用的。例子包括了缺少 ‘display: inline-block’ 支持的 Firefox 2 和 Safari 2 中的 背景图片 bug。这些 bug 在这些浏览器的最新版本里面已经修正了，但是当这些浏览器占有一定市场份额的时候，向后兼容就很重要了。

下面的图片展示了此页面在 IE7，Safari 3，Firefox 2 和 Opera 9 中的显示效果。

注意这个例子不适合部署在实际生产环境中，因为你只想在各浏览器总保持一致的布局，而条件 CSS 只是用来修正 CSS 显示 bug。但是这个例子确实给出了一个好的例子用来说明不同的 CSS 怎样定位不同的浏览器。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!