抛弃 CSS Hacks 后的浏览器兼容方案

时间 2019-11-12

标签抛弃 css hacks 浏览器兼容方案栏目 CSS 繁體版

原文原文链接

通常状况下的浏览器兼容须要考虑 IE6/7/8 三种 IE 版本，固然在 IE9 开始逐步推向市场后，又会有更多的衍生版本。因此我目前只考虑 IE7~9 版本的兼容状况。涉及到的条件注释代码以下： php

<!DOCTYPE html>
<!--[if lt IE 7 ]><html><![endif]-->
<!--[if IE 7 ]><html><![endif]-->
<!--[if IE 8 ]><html><![endif]-->
<!--[if IE 9 ]><html><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->

使用说明以下： css

.test {
    /* 针对非 ie 浏览器的样式 */
}
.ie .test {
    /* 针对全部 ie 版本的样式 */
}
.ie6 .test {
    /* 针对 ie6 的样式 */
}
...
.ie9 .test {
    /* 针对 ie9 的样式 */
}

以前那篇文章里也有同窗提出经过 PHP 判断 UA 参数并动态输出样式表的方法，这个虽然是简洁明了，但和后端代码耦合在一块儿，总以为不是一回事。何况实际应用中不少状况下会将页面模板化，作动态输出并不很是适合。 html

另外，国内各大双核高速安全的壳浏览器尚未通过测试，这个须要再作了解。后端

原文：http://www.mangguo.org/after-abandoning-css-hacks-browser-compatible-solution/ 浏览器