丢弃 CSS Hacks 后的赏识器兼容方案
发布时间：2018-10-04 21:27:54 所属栏目：创业 来源：站长网
导读：假如你看过之前发在芒果小站的《CSS 忍者：安详的 CSS hacks 秘笈 》这篇文章，应该根基清晰了通过 IE 前提注释更换 CSS Hacks 的能力。最近思量在项目中现实应用这个方案。 一样平常环境下的赏识器兼容必要思量 IE6/7/8 三种 IE 版本，虽然在 IE9 开始慢慢推
|
假如你看过之前发在芒果小站的《CSS 忍者：安详的 CSS hacks 秘笈 》这篇文章，应该根基清晰了通过 IE 前提注释更换 CSS Hacks 的能力。最近思量在项目中现实应用这个方案。 一样平常环境下的赏识器兼容必要思量 IE6/7/8 三种 IE 版本，虽然在 IE9 开始慢慢推向市场后，又会有更多的衍生版本。以是我今朝只思量 IE7~9 版本的兼容环境。涉及到的前提注释代码如下： <!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 参数并动态输出样式表的要领，这个固然是简捷明白，但和后端代码耦合在一路，总认为不是一回事。何况现实应用中许多环境下会将页面模板化，做动态输出并不很是得当。 其它，海内各大双核高速安详的壳赏识器还没有颠末测试，这个必要再做相识。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
