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瀏覽器調(diào)用腳本作用于'box'類 */ }

3.問題：

3.1、只能同時(shí)4角圓角，不能單獨(dú)設(shè)置；

3.2、div上可以正常使用，測(cè)試text文本框，會(huì)出現(xiàn)異常；

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/sheqiuluo/p/6836510.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。