设计相关知识

几乎完美的 CSS hacks 秘籍

每个设计师或者前端编码人员都有自己最有效的方法。所有这些技术都有利与弊。

通过条件判断引入样式表

这段代码会导致 IE8、IE7、IE6 各自加载对应的样式文件。这事实上是非常牛逼的,条件注释给按浏览器加载各自不同的样式表提供了可能,但同时需要维护多个样式文件。

CSS hacks

这个一般人都知道,就不多说了。但面临的一个现实问题是,\9 这个 hack 不只是针对 IE8 以及更老版本奏效,IE9 最终的发行版依旧会受到这个 hack 的影响。而 IE9 本身在 CSS 上的各种缺陷又是被修复的。如果将来 IE10、IE11 来了,那又怎么办?显然 \9 并不是一个严谨的安全的方案。

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

那咋整呢?咋整咋整咋整?没事,下面还有更绝的。

通过条件判断插入指定类

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

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

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

转自:http://www.cssk8.com/html/css_Tutorial/201109/21-2771.html

作者介绍

我是一个普普通通的工作者。 专注于网页设计与网站前端开发、爱好摄影、热爱生活(其实有谁不热爱生活呢?)。 这个网站,就是展现一下我的作品,希望有一些美好的东西能让大家看到。 如果能从这个网站中获得一些感悟或者一些美好的东西,那是最好不过了。

也许,您还对以下文章感兴趣:
常用css选择器完全解析

1.* 星状选择符会在页面上的每一个元素… 详情