一個很好的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屬性之外沒有其他工作。