一个很好的JavaScript框架，它为IE6-8增加了CSS3支持并在IE9中缺少CSS3？

Question

我很惊讶IE9的发布版本缺少对一些更基本的CSS3元素的支持，比如text-shadow和border-image。

什么是最全面的JavaScript框架，用于向IE6-9添加/模拟CSS3元素，而不是使用一堆较小的框架，如ie-css3，CSS3PIE，Modernizr，html5shiv，...等？

我相信没有一个框架可以做到这一切，但我正在寻找最接近的框架。

Answer 1

什么？ 你不知道IE不符合标准吗？ 人们何时会学习......

尝试Selectivizr 。 来自网站：“selectivizr是一个JavaScript实用程序，可以在Internet Explorer 6-8中模拟CSS3伪类和属性选择器。只需在页面中包含脚本，选择器将完成剩下的工作。” 我不知道IE9的支持是什么，但它应该比IE6容易得多，所以我想它应该可以正常工作。

你仍然需要一些“较小的框架”，因为他们做得很好，他们足够小，所以没有必要重新发明轮子只是为了拥有一个大框架而不是几个较小的框架。 制作一个适合所有人的框架很难，这就是为什么你有一些多样性，我认为这是一件好事。

但是不要指望你只是包含一些库，并且所有浏览器都将获得完美的CSS3支持，因为这不会很快发生。

如果你想要在IE6的所有浏览器中一致工作的高级效果，那么我建议使用Raphaël 。 它在IE上使用VML ，在其他浏览器上使用SVG 。 API也比CSS简单，但这当然是品味问题。 但即使不是API，也很难打败你可以在Firefox 3.0 +，Safari 3.0 +，Chrome 5.0 +，Opera 9.5+和Internet Explorer 6.0+上使用圆角和其他好东西而不使用的论点。图片。

Answer 2

列表中的项目各有不同的东西。 我不认为一个框架实现所有这些东西是有意义的。

只需在列表中包含您实际需要的那些。

• 如果你在页面上使用HTML5元素，你应该（显然）只使用html5shiv：

   <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 

• Modernizr具有html5shiv的功能以及许多功能检测：

  Modernizr不会向浏览器添加缺少的功能; 相反，它会检测功能的本机可用性，并为您提供一种方法，无论浏览器的功能如何，都能保持对您网站的精细控制。

  如果您只想在IE中设置HTML5元素的样式，请使用html5shiv。 如果您想要执行不同的操作，请使用Modernizr，具体取决于是否支持某些功能，例如：

   .my_elem { border: 1px inset #666; } .borderimage .my_elem { border: none; border-image: url(fancy-border.png) 5 5 5 5 round; -moz-border-image: url(fancy-border.png) 5 5 5 5 round; -webkit-border-image: url(fancy-border.png) 5 5 5 5 round; } 

• CSS3PIE和Modernizr背后的想法非常不同。

  CSS3PIE最常用的方式是CSS内部：

   #myElement { ... behavior: url(PIE.htc); } 

  Modernizr允许您使用原生的新功能，同时保证您可以为不支持特定功能的浏览器提供您想要的任何自定义回退。

  而CSS3PIE试图完美地模拟一组有限的CSS3属性，只在旧版本的Internet Explorer中工作，除了在相关元素上包含behavior属性之外没有其他工作。