不用CSS Hacks 后的浏览器兼容方案分享

涉及到的条件注释代码如下:

 代码如下 复制代码
<!DOCTYPE html>
<!–[if lt IE 7 ]><html class=”ie ie6″><![endif]–>
<!–[if IE 7 ]><html class=”ie ie7″><![endif]–>
<!–[if IE 8 ]><html class=”ie ie8″><![endif]–>
<!–[if IE 9 ]><html class=”ie ie9″><![endif]–>
<!–[if (gt IE 9)|!(IE)]><!–><html><!–<![endif]–>

使用说明如下:

 代码如下 复制代码
.test {
    /* 针对非 ie 浏览器的样式 */
}
.ie .test {
    /* 针对所有 ie 版本的样式 */
}
.ie6 .test {
    /* 针对 ie6 的样式 */
}

.ie9 .test {
    /* 针对 ie9 的样式 */

}之前那篇文章里也有同学提出通过 PHP 判断 UA 参数并动态输出样式表的方法,这个虽然是简洁明了,但和后端代码耦合在一起,总觉得不是一回事。况且实际应用中很多情况下会将页面模板化,做动态输出并不非常适合。

不用CSS Hacks 后的浏览器兼容方案分享

相关文章:

你感兴趣的文章:

标签云: