border-radius 兼容ie

時間 2021-05-30

標籤 css html css3 web 瀏覽器測試 url .net code htm 欄目系統網絡简体版

原文原文鏈接

IE兼容CSS3圓角border-radius的方法（同時兼容box-shadow，text-shadow）
IE兼容CSS3圓角border-radius，box-shadow，text-shadow的方法css

1.下載
ie-css3.htc:http://www.zhangxinxu.com/stu...
還有這個：http://vdisk.weibo.com/s/anp-...html

2.csscss3

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.問題：
1、只能同時4角圓角，不能單獨設置；
2、div上能夠正常使用，測試text文本框，會出現異常；
3、CSS文件要和頁面在同一目錄下，不然無效
4、當前元素必定要有定位屬性，像是position:relative或是position:absolute屬性。(絕對的)
5、z-index值必定要比周圍元素的要高，不然……只能說抱歉了~~web

4.附加一條鏈接：
讓ie6/7/8支持CSS3的8種方法
a,http://www.weeeb.net/c838.html
b,http://blog.csdn.net/clh604/a...瀏覽器