讓IE6/IE7/IE8支持CSS3屬性的8種方法介紹

2024-07-11 08:51:02

字體：大中小

來源：轉載

供稿：網友

我們都知道，IE瀏覽器暫不支持CSS3的一些屬性。國外的工程師們，不安于此現狀，他們總是盡量使用一些手段使IE瀏覽器也能支持CSS3屬性，我覺得這些都是很有意義，很有價值的工作，可以推動整個技術領域的進步的。到目前為止，有不少可以讓IE支持部分CSS3屬性的工具。例如：

1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js)

這個玩意估計是試圖讓IE支持CSS3屬性的鼻祖，還算蠻強大，就是性能開銷較大，要解析很多文件腳本，給DOM添加大量的元素以及ClassName。

2. Aaron Gustafson的 eCSStender

此方法支持@font-face, CSS3 選擇器, 以及 CSS3 Backgrounds 和 Borders。

3. Drew Diller的 DD_roundies

這是一個基于IE VML實現一些CSS3效果的。

4. Remiz Rahnas的border-radius.htc

此方法使用htc文件，配合VML實現，缺點在于不能自動適應目標元素的位置和大小，所以不能適用于動態腳本環境。

5. Nick Fetchak的 ie-css3.htc

關于此方法，我在前面的"讓IE6/IE7/IE8瀏覽器支持CSS3屬性"這篇文章中已經做過介紹。我是建議您看看這篇文章，倒不是ie-css3.htc這個玩意多么好，而是文中對htc文件以及VML預言做了些介紹，對于您了解IE下實現類似CSS3效果原理有所了解。

6. Keith Clark的ie-css3.js

這是個與IE7.js類似的項目，其選擇器可借助其他JavaScript庫，所以其本身較小。

7. zoltandulac的cssSandpaper

這是一個使用IE濾鏡實現一些CSS3屬性的方法。

8. css3pie的css3 PIE.htc

支持：border-radius圓角、 box-shadow 盒陰影、 gradient漸變、 multiple background images多背景。

下面對第8第方法的做一下簡單介紹：

官方網站：http://css3pie.com/

使用方法：

第一步：下載css3 PIE.htc 文件

第二步：將PIE.htc文件上傳到你的網站目錄中，上傳到目錄哪里都可以，只要你記住這個目錄。

第三步：創建html文件，寫一段css3代碼，并引入PIE.htc，如下面這段：

復制代碼

上一篇：CSS定義超鏈接四個狀態的正確順序L-V-H-A

下一篇：讓IE6支持important的注意事項