iecss3.htc(ie圓角陰影效果)

iecss3.htc文件增強(qiáng)版是一款支持ie瀏覽器、火狐瀏覽器的圓角陰影效果工具，使用這個文件可以將css3變?yōu)橥队昂蛨A角的特效！綠色資源網(wǎng)站專為大家提供了不同瀏覽器的操作步驟！快來下載使用吧。

應(yīng)用介紹

iecss3.htc文件可以讓ie實(shí)現(xiàn)css3里的圓角和陰影效果。css帶來的便利是很容易感受的到的，但惡心的是它在ie下的不兼容，所以某位牛人現(xiàn)身寫了個ie-css3.htc，允許你在ie下去使用css3的部分東西。

Webkit內(nèi)核的瀏覽器支持“-webkit-border-radius: 10px;”屬性（10px是圓角半徑），可以直接解析出圓角；

Firefox瀏覽器支持“-moz-border-radius: 10px;”屬性，也是可以直接解析出圓角；

IE系瀏覽器則需要加上“border-radius: 15px;”的屬性。

注意：

1、behavior的url里一定要填寫ie-css3.htc的絕對路徑，因?yàn)?ie瀏覽器找該文件是相對當(dāng)前html文件路徑來找的，所以對于Wordpress等動態(tài)程序生成的頁面一定要填寫絕對路徑。

2、一定要有定位屬性：position:relative;

3、因?yàn)樵贗E瀏覽器下這些CSS3效果的實(shí)現(xiàn)是要借助于VML，由VML繪制圓角或是投影效果，所以還需要一個z-index屬性。z-index屬性最好設(shè)置得比較大，如2。

4、如果在IE瀏覽器下某些模塊無法用此渲染，可以試著絕對定位相應(yīng)的層，即加上“ width: 400px; height:400px;”屬性。

5、radius屬性的10px是圓角半徑，還可以給兩個值如“border-radius: 10px 5px;”，這樣則左上角與右下角半徑為10px，右上角與左下角半徑為5px。也可以賦4個值，為“上  右  下  左”。

操作使用方法：

ie-css3的使用方法很簡單，在你需要使用css3的樣式里加入behavior: url（js/ie-css3.htc）；就可以了（括號里是ie-css3.htc的地址）