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