《css3圓角IE的兼容方法》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332162013.htm
Tag：css3圓角   IE   兼容   css3圓角   IE   兼容  

5、radius屬性的10px是圓角半徑,CSS3和jQuery動態(tài)時鐘制作過程，還可以給兩個值如“border-radius: 10px 5px;&rdquo,css3制作網(wǎng)頁實例 點擊切換不同的CSS列表;，這樣則左上角與右下角半徑為10px，右上角與左下角半徑為5px。也可以賦4個值,CSS3入門教程：target偽類簡介，為“上  右  下  左”。

 應(yīng)用演示：

當初css3的border-radius屬性能夠很便利的實現(xiàn)圓角功效，對網(wǎng)站前臺職員無疑是一件喜事，但悲劇的是IE6/7/8并不支撐，讓咱們棄新技巧不必,CSS3入門教程(9)：RGBA聲明，是不可能的，因而找到了一種解決的措施--- IE應(yīng)用VML矢量可標志語言作為畫筆繪出圓角：
下載一個緊縮包ie-css3.htc，里面有一個微軟的腳本文件（11KB）和一個用來測試服務(wù)器是否有準確的Content-Type的HTML文件，.htc 文件是IE內(nèi)核支持Web行為后用來描寫此類行為的腳本文件。它們定義了一套辦法跟屬性，程序員簡直可以把這些方式和屬性利用到HTML頁面上的任何元素上去。Web 行動是十分巨大的因為它們?nèi)菰S程序員把自定義的功能“銜接”到現(xiàn)有的元素和控件，而不是必需讓用戶下載二進制文件（例如ActiveX 控件）來實現(xiàn)這個功能。

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

1、behavior的url里一定要填寫ie-css3.htc的絕對門路，因為 IE瀏覽器找該文件是絕對當前html文件路徑來找的，所以對Wordpress等動態(tài)程序天生的頁面一定要填寫絕對路徑。

3、由于在IE瀏覽器下這些CSS3后果的實現(xiàn)是要借助于VML，由VML繪制圓角或是投影效果，所以還須要一個z-index屬性。z-index屬性最好設(shè)置得比擬大,CSS3入門教程(8)：關(guān)于透明度，如2。

備注：Webkit內(nèi)核的瀏覽器支持“-webkit-border-radius: 10px,CSS3入門教程(7)：嵌入字體;&rdquo,CSS3入門教程(6)：多列 多卷;屬性（10px是圓角半徑），可以直接解析出圓角；Firefox瀏覽器支持“-moz-border-radius: 10px;”屬性，也是可以直接解析出圓角；IE系瀏覽器則需要加上&ldquo,CSS3入門教程(5)：背景圖片(背景大小和多背景圖);border-radius: 15px,CSS3入門教程(4)：關(guān)于陰影;”的屬性。留神：

.main{
border: 2px solid #C0C0C0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
z-index:100;
behavior: url(此處為ie-css3.htc文件的絕對路徑);
}

4、假如在IE閱讀器下某些模塊無奈用此渲染，可以試著相對定位相應(yīng)的層，即加上“ width: 400px; height:400px;”屬性,CSS3入門教程(3)：邊框顏色。

--> [網(wǎng)站建設(shè)之]css3圓角IE的兼容方法


(責任編輯：網(wǎng)站建設(shè))
css3圓角IE的兼容方法相關(guān)文章