css中hack什么意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中的hack是指为了在不同浏览器中达到同样的表现效果而采用的不同的CSS代码。Hack的出现主要是因为不同浏览器的解析方式不同,导致同样的CSS在不同浏览器表现效果不一致。以前的浏览器还没有现在

CSS中的hack是指为了在不同浏览器中达到同样的表现效果而采用的不同的CSS代码。

Hack的出现主要是因为不同浏览器的解析方式不同,导致同样的CSS在不同浏览器表现效果不一致。以前的浏览器还没有现在的规范化,对CSS的支持程度有限,CSS2的兼容性也不好。所以许多前端开发者需要利用各种hack手段来实现在不同浏览器中兼容的效果。

下面是几个常见的CSS hack方法:

/* 只对IE6生效的CSS */
*html {
   font-size:100%;
} 
/* 只对IE7生效的CSS */
*:first-child+html {
   font-size:100%;
} 
/* 只对IE6及以下版本生效的CSS */
*+html #div1 {
   color:red;
} 

尽管CSS hack是解决浏览器兼容性的好方法,在实际开发中也不可避免会使用。但建议还是尽可能使用符合W3C标准的代码,并且考虑到浏览器的特性,优雅降级是更好的解决方案。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中hack什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏