日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

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

云知道

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


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

復(fù)制代碼代碼如下:
!--[if lt IE 10]
script type="text/javascript" src="/images/defaultpic.gif"/script
![endif]--

2、用js 調(diào)用：

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

3、已經(jīng)搞定了 。

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

官方實(shí)時測試?yán)樱篽ttp://css3pie.com/
官方下載：http://css3pie.com/download-latest

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

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

    推薦閱讀