1.下載ie-css3.htc

2.CSS代碼段?

box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE瀏覽器 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */ box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE瀏覽器 */ behavior: url(ie-css3.htc); /* 通知IE瀏覽器調用腳本作用于'box'類 */ }

3.問題：

3.1、只能同時4角圓角，不能單獨設置；

3.2、div上可以正常使用，測試text文本框，會出現異常；

3.3、CSS文件要和頁面在同一目錄下，否則無效;

3.4、當前元素一定要有定位屬性，像是position:relative或是position:absolute屬性;

3.5、z-index值一定要比周圍元素的要高 ;

轉載于:https://www.cnblogs.com/sheqiuluo/p/6836510.html

總結

以上是生活随笔為你收集整理的border-radius圆角兼容方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。