2.2 CSS Hack

条件hack

if条件共包含6种选择方式:是否、大于、大于或等于、小于、小于或等于、非指定版本

(1)是否:

指定是否IE或IE某个版本。关键字:空

<!--[if IE 9]>

<![endif-->]

(2)大于:

选择大于指定版本的IE版本。关键字:gt(greater than)

<!--[if gt IE 9]>

<![endif-->]

(3)大于或等于:

选择大于或等于指定版本的IE版本。关键字:gte(greater than or equal)

<!--[if gte IE 9]>

<![endif-->]

(4)小于:

选择小于指定版本的IE版本。关键字:lt(less than)

<!--[if lt IE9]>

<![endif-->]

(5)小于或等于:

选择小于或等于指定版本的IE版本。关键字:lte(less than or equal)

<!--[if lte IE 9]>

<![end if-->]

(6)非指定版本:选择除指定版本外的所有IE版本。关键字:!

<version>

目前的常用IE版本为6.0及以上,推荐酌情忽略低版本,把精力花在为使用高级浏览器

的用户提供更好的体验上

属性hack

_:

选择IE6及以下。连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。

*:

选择IE7及以下。诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高

\9:

选择IE6+

\0:

选择IE8+和Opera15以下的浏览器

.test {

color: #c30;          /* For latest Firefox, chrome, Safari */

color: #090\0;        /* For Opera15- */

color: #00f\9;        /* For IE8+ */

*color: #f00;        /* For IE7 */

_color: #ff0;        /* For

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容