IE -6,7,8,9- CSS样式表兼容性(IE 6,7,8,9 CSS compatibilit

2019-08-03 00:42发布

深化发展对于所有浏览器,然后争取IE兼容性是所有网络的研究与开发过程中众所周知的一步。

不是网络集成商,你知道任何通用的兼容性样式表是好的,包括IE浏览器(在我来说,我只关心IE7,但我会让问题开放所有版本)

Answer 1:

normalize.css是一个很好的复位,解决了大量的跨浏览器的问题。 http://necolas.github.com/normalize.css/

Twitter的引导 ,如果你想预先制作的部件是好的。 这是IE浏览器兼容。 如果你决定使用自举,其复位实际上是改编自normalize.css (这样你就不需要同时)

HTML5的样板也可能与一些最佳实践标记帮助,如果你要从头开始: https://github.com/h5bp/html5-boilerplate

具体而言,我建议使用HTML5BP条件注释针对特定的IE版本,就像这样:

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

这意味着在你的CSS,你可以解决与类IE版本的具体问题:

.lt-ie8 .awesome-component { ... }

最后,我会建议不要使用JavaScript polyfills像CSS3PIE。 根据我的经验,他们只是造成更多的麻烦比他们的价值,增加不必要的标记。

有点了解平稳退化/渐进增强。

另一个答复中提到IE7.js我相信这是很好,但我不记得它是多么有用。 你一定会需要垫片失踪JS功能(如果你使用的js)如Array.indexOf在IE <= 8,我刚刚发现这个ECMAScript5垫片,看起来还不错: https://github.com/kriskowal/ ES5,垫片



Answer 2:

我一般使用Eric Meyer的CSS复位(http://meyerweb.com/eric/tools/css/reset/),这是一个好简单的起点。

您也不妨考虑使用ie7js(http://code.google.com/p/ie7-js/),它使用JavaScript来获得不同版本的IE来表现得更加出色。



文章来源: IE 6,7,8,9 CSS compatibility Stylesheet