javascript - 我决定不支持IE7；我现在可以使用哪些 JS/CSS/HTML 功能？

标签 javascript html css internet-explorer-8 internet-explorer-7

<分区>

{想法来自I've decided not to cater for IE6 - What tasty CSS treats can I use?但我想要一个 IE7 版本

好的，首先，这不是关于我是否应该迎合 IE7 的讨论。我确定 S.O. 上有数百个线程。您可以在这里讨论优缺点、市场份额、javascript shivs 以及它附带的所有其他内容。

Let's say I've put two fingers up to IE7 and am ignoring its existence -

what can I now do differently in the way I make my pages?

Pseudo-selectors?

Parent/Child selectors?

Hardware-accelerated potato counting?

Other tidy stuff?

放弃 IE7 会带来哪些新的自由？

我知道你们中的一些人会很想告诉我为什么我应该支持 ie7 或关于 js 修复这意味着我可以使用某些东西等等 - 请不要浪费你/我/我们的时间!

最佳答案

Microsoft 吹捧 Internet Explorer 8，among other things , 完全符合 CSS2.1 标准。但是，已发现许多错误，因此它实际上完全不兼容，但这当然并不意味着它没有从版本 7 开始变得更好。

无论如何，以下是 IE8 中引入但 IE7 中不存在的一些众所周知的功能(此列表绝不是详尽的):

JavaScript

Selectors API level 1 的基本实现( querySelectorAll() )
cross-origin resource sharing 的基本实现(跨域 Ajax)
原生 JSON 解析能力
DOM 改进(修复 CSS 属性选择器的可能原因 - 见下文)

HTML5 中的 JS API

CSS

CSS2.1

IE8 已经 catch 了添加到 CSS1 属性的所有(大部分？)CSS2.1 增强功能，您可以找到一个列表 at MSDN
修复了关于 collapsing margins 的盒子模型, floating和 stacking
inherit keyword
outline property
white-space property对于 pre-wrap和 pre-line
全力支持display: inline-block在任何元素上
display: table
Generated content and automatic numbering : :before和 :after伪元素，以及 quotes , content , attr()函数和 CSS 计数器
Printing and paged media : @page规则现在适用于页面伪类，排版 orphans和 widows , 并在一定程度上支持分页
:active and :focus pseudo-classes
:lang() pseudo-class
影响兄弟组合器的模糊语法问题，CSS2.1 的 +和 CSS3 的 ~ , 在 IE7 中已在 IE8 中得到纠正(* + html hack 也不再有效)
仅影响相邻兄弟组合器的 DOM 更新的模糊错误 +已在 IE8 中得到纠正
影响 IE7 中 CSS2.1 和 CSS3 属性选择器的 HTML 属性和 DOM 属性问题已在 IE8 中得到纠正
一些与特异性相关的模糊错误已得到纠正；一个例子是各种 dynamic pseudo-classes我在 this answer 中的 IE6/7 中确定了它

CSS3

box-sizing property在 CSS3 中表示 content-box和 border-box (padding-box 最初是 a Mozilla proposal，因此它在 IE 中不存在；它直到最近才被添加到 CSS3 UI 规范中，并且在 2012 年 1 月的 Last Call Working Draft 中仍有被删除的风险)<
一些 CSS3 特性已经出现在 IE 中，并且在它们被重新整合到各自的规范之前很久就由微软提出，包括 @font-face , overflow-x/overflow-y , text-align-last , word-wrap (现在 overflow-wrap )，和 ruby 文字