CSS忍者:安全的CSS hacks秘籍

另外,采用不同的 X-UA-Compatible 模式也会影响不同版本的 IE 渲染差异。建议设置默认渲染模式如下:

<meta http-equiv=”X-UA-Compatible” content=”IE=Edge”> 标准 IE 模式

通过条件判断插入指定类

既然可以用条件判断,那么直接为不同 IE 版本输出单独用于设定样式的钩子类好了。直接上代码:

<!–[if !IE]><html><![endif]–> // 非 IE 浏览器的情况,不添加任何作用类

<!–[if IE 6]><html class=”ie6″><![endif]–>

<!–[if IE 7]><html class=”ie7″><![endif]–>

<!–[if IE 8]><html class=”ie8″><![endif]–>

如果要是 IE9、IE10 再想出现什么神奇的行为艺术的话,继续添加指定作用类就行咯。并且你的样式表也会变得异常干净、整洁、美观:

.selector { color: black; }

.ie8 .selector { color: green; } /* IE8 */

.ie7 .selector { color: blue; } /* IE7 */

.ie6 .selector { color: red; } /* IE6 */

当然,标准模式的 X-UA-Compatible 声明还是必须的,以防页面被强制按照低版本的 IE 来渲染。

 

本文固定链接: http://www.xiaobai8.com/Blog/82.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2011年07月05日发表在 css, 分享 分类下,
原创文章转载请注明: CSS忍者:安全的CSS hacks秘籍 | web前端,杭州小白的个人博客,小白的个人博客
关键字:

报歉!评论已关闭.