以前做個(gè)頁(yè)面想要用圓角和陰影效果,想用css3的代碼效果來(lái)實(shí)現(xiàn),但ie瀏覽器不支持,之前也聽(tīng)說(shuō)有插件可以實(shí)現(xiàn),在這里我整理了一個(gè)方法,如下:
網(wǎng)站程序員都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的屬性,所以之前我也用做圖片的效果來(lái)實(shí)現(xiàn)了。
但CSS3 有這么多這么強(qiáng)大、絢麗的效果,比如,圓角,陰影,漸變透明,漸變背景等等,我們?yōu)槭裁床挥媚???br />
因?yàn)镮E6時(shí)代,沒(méi)有什么標(biāo)準(zhǔn),而因?yàn)楦鞣N原因,IE6用戶(hù)幾乎不會(huì)更新IE版本。
讓IE6,IE7,IE8支持CSS3效果,有一個(gè)思路就是利用 VML 模擬。
VML是The Vector Markup Language(矢量可標(biāo)記語(yǔ)言),原本是微軟自己開(kāi)發(fā)的東西,很強(qiáng)大。
也就是說(shuō),IE下面,可以用 VML做出圓角 。半透明、陰影 、漸變背景。
早在以前的時(shí)候,就有老外用這個(gè)思路寫(xiě)成了插件,方便前端程序員開(kāi)發(fā)...
它可以讓IE6,IE7,IE8 支持 CSS3特效……
看看如何調(diào)用:
1、在你的所需效果的網(wǎng)頁(yè)加載 PIE.js 腳本。
注意,用IE專(zhuān)用的注釋?zhuān)乐狗荌E瀏覽器下載。
2、用js 調(diào)用:
$(function() {
if (window.PIE) {
$('.rounded').each(function() {
PIE.attach(this);
});
}
});
下面是宜興網(wǎng)絡(luò)公司博路網(wǎng)絡(luò)已經(jīng)整理了的一個(gè)文件包,供大家下載使用!
下載地址:css3的圓角、陰影效果代碼
上一篇:沒(méi)有了!
