先前開發時所用到的處理方式分為二種，.htc 與 CSS3 PIE 二種，這裡簡單記錄。
.htc
.htc 文件，.htc 文件是個腳本文件，只有 IE 才認它，加在類別中的語法內。
1 2 3 4 5 6 | .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome * border-radius: 15px; /* IE 6+ */ behavior: url(ie-css3.htc); /* 使用ie-css3 */ } |
產生問題與解決辦法
使用者可以會在使用 z-index 屬性的時候遇到不正常顯示的問題，尤其是將一個套用了 IE-CSS3 的元素放在另一個之內的時候，以下有兩個方法解決：
- 將內部的元素z-index值設定的比外圍的大。
- 將內部的元素套用position屬性。 ex: position:relative; 或 position:absolute;
參考文章：张鑫旭-鑫空间-鑫生活 – 让IE6/IE7/IE8浏览器支持CSS3属性
CSS3 PIE
效果好像比上面的好，不過沒試成功，記下參考資料。