1. 首頁 > 生活經驗 > >

讓IE6支持css3，讓 IE7、IE8 都支持CSS3

CSS3 有很多很強大、絢麗的效果，比如，圓角，陰影，漸變透明，漸變背景，等等 。
因為IE6時代 ， 沒有什么標準 ， 而因為各種原因 ， IE6用戶幾乎不會更新IE版本 。
讓IE6，IE7，IE8支持CSS3效果，有一個思路就是利用 VML 模擬 。
VML是The Vector Markup Language(矢量可標記語言)，原本是微軟自己開發的東西，很強大 。
也就是說，IE下面，可以用 VML做出圓角。半透明、陰影 、漸變背景 。
早在去年的時候，就有老外這個思路寫成了插件 ， 方便前端程序員開發 。。。
它可以讓IE6，IE7，IE8 支持 CSS3特效
之前的 bug 一直有一個嚴重 bug，今天上去看的時候，官方修正了這個Bug，并且增加了js 渲染方法（之前是用behavior導入） 。


--------------------------------------------------------------------------------
看看如何調用：
1、在你的網頁加載 PIE.js 腳本 。
注意，用IE專用的注釋，防止非IE瀏覽器下載 。

復制代碼代碼如下:
!--[if lt IE 10]
script type="text/javascript" src="https://www.questions.com.cn/dnjc/PIE.js"/script
![endif]--

2、用js 調用：

復制代碼代碼如下:
$(function() {
if (window.PIE) {
$(’.rounded’).each(function() {
PIE.attach(this);
});
}
});

3、已經搞定了 。

--------------------------------------------------------------------------------
在讓 IE6支持 CSS3 的所有插件中，這個應該是最好的插件了 。

官方實時測試例子：http://css3pie.com/
官方下載：http://css3pie.com/download-latest

--------------------------------------------------------------------------------
補充：
根據我對這個插件測試：最好在要加載效果的 box 增加CSS屬性： overflow:hidden; 有些時候，圓角會出問題 。

試用的時候，有問題，留言一起討論一下 。
有興趣同學，可以看看源代碼，加強對vml 的了解 。。。

相關經驗推薦