IE CSS Hack【记录】

binta 发布于2019-04-23 11:55 / 1639人阅读

摘要：条件属性选择器一般都是利用各浏览器的支持的能力和来进行的本文只列举了一些常用的，且不考虑以下的版本尽可能减少对的使用，使用会带来维护成本的提高以及浏览器版本变化类似失效等问题条件用于选择及不同版本，及以上版本已将条件注释特性移除

1、条件hack

2、属性hack

3、选择器hack

CSS Hack一般都是利用各浏览器的支持CSS的能力和BUG来进行的

本文只列举了一些常用的CSS Hack，且不考虑IE6以下的版本

尽可能减少对CSS Hack的使用，使用CSS Hack会带来维护成本的提高以及浏览器版本变化类似Hack失效等问题

1、条件hack

用于选择IE及IE不同版本，IE10及以上版本已将条件注释特性移除

条件hack是HTML级别的（不仅是CSS的hack，还可以选择HTML代码块）

2、属性hack

属性hack需运行在标准模式下，若在怪异模式下运行，将会被不同版本的IE相互识别，导致失效

由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现

element {
    color: #fff;
    color: #fff; /* IE8+ */
    color: #fff9; /* IE10- */
    color: #fff9; /* IE9、IE10 */
    color: #fff/; /* IE8 */
    *color: #fff; /* IE7- */
    _color: #fff; /* IE6- */
}

3、选择器hack

选择器hack与属性hack一样，需运行在标准模式下，通过层层覆盖的方式来实现

*html element{} /* IE6- */
*+html element{} /* IE7 */
@media screen9{} /* IE7- */
@media screen{} /* IE8 */
@media screen,screen9{} /* IE8- */
@media screen{} /* IE8+ */
@media screen and (min-width:0){} /* IE9+ */
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){} /* IE10+ */

云服务器 GPU云服务器 css-hack ie6hack ie9hack 跳转html显示ie8css

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1364.html

CSS HACK

摘要：主要分为选择器属性条件注释和判断各有优缺点，不必纠结于某一方式，具体问题具体分析。以下测试结果是在位系统，默认浏览器，使用下的浏览器模式，使用绿色版浏览器，使用，使用，，，进行测试的。如果有什么错误，请指正浏览器加粗表示支持各种各样的浏览器，曾经的CSS HACK现在还能HACK吗？ showImg(http://segmentfault.com/img/bVbIcg); che...

chanthuang 2019-08-28 17:52 评论0 收藏0
Web前端面试题目汇总

摘要：前端面试题目汇总一部分什么是盒子模型盒子模型包含内容内边距外边距和边框四部分。第四步本地服务器再向上一步返回的域名服务器发送请求，然后接受请求的服务器查询自己的缓存，如果没有该记录项，则返回相关的下级的域名服务器的地址。 Web前端面试题目汇总一、HTML/CSS部分 1.什么是盒子模型？盒子模型包含内容(content)、内边距(pandding)、外边距(margin)和边...

golden_hamster 2019-08-29 14:07 评论0 收藏0
Web前端面试题目汇总

摘要：前端面试题目汇总一部分什么是盒子模型盒子模型包含内容内边距外边距和边框四部分。第四步本地服务器再向上一步返回的域名服务器发送请求，然后接受请求的服务器查询自己的缓存，如果没有该记录项，则返回相关的下级的域名服务器的地址。 Web前端面试题目汇总一、HTML/CSS部分 1.什么是盒子模型？盒子模型包含内容(content)、内边距(pandding)、外边距(margin)和边...

yy736044583 2019-08-21 18:28 评论0 收藏0
浏览器兼容你知多少？

摘要：在各大浏览器厂商的发展过程中，它们对的标准各有不同的实现，标准不同存在差异所以产生兼容性的问题。它是一种对特定的浏览器或浏览器组显示或隐藏规则或声明的方法。但是及更低版本浏览器会继续解析。为什么会存在浏览器兼容问题？首先要了解兼容，我们先得了解一下为什么会存在浏览器兼容问题。在各大浏览器厂商的发展过程中，它们对web的标准各有不同的实现，标准不同存在差异所以产生兼容性的问题。浏览...

txgcwm 2019-08-30 10:48 评论0 收藏0