1. ·您当前的位置:主页 > 技术教程 > Html5技术 >

      [CSS3]border-radius各浏览器的支持

      时间:2019-01-26 11:42w3school
      border-radius 只有在以下版本的浏览器:Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支持 border-radius 标准语法格式,对于老版的浏览器

      border-radius 只有在以下版本的浏览器:Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支持 border-radius 标准语法格式,对于老版的浏览器,border-radius 需要根据不同的浏览器内核添加不同的前?#28023;?#27604;说 Mozilla 内核需要加上“-moz”,而 Webkit 内核需要加上“-webkit”等,那么我为了能兼容各大内核的老版浏览器

      1、Mozilla(Firefox, Flock等浏览器)

      -moz-border-radius-topleft: //左上角
      -moz-border-radius-topright: //右上角
      -moz-border-radius-bottomright: //右下角
      -moz-border-radius-bottomleft: //左下角
       
      2、WebKit (Safari, Chrome等浏览器)
       
      -webkit-border-top-left-radius: //左上角
      -webkit-border-top-right-radius: //右上角
      -webkit-border-bottom-right-radius: //右下角
      -webkit-border-bottom-left-radius: // 左下角
       
      3、Opera浏览器:

      border-top-left-radius: //左上角
      border-top-right-radius: //右上角
      border-bottom-right-radius: //右下角
      border-bottom-left-radius: //左下角
       
      4、Trident (IE)

      IE9 以下版本不支持 border-radius,而且 IE9 没有私有格式,都是用 border-radius,其写法和 Opera ?#19988;?#26679;的
       

      热门文章推荐

      请稍候...
      彩票软件开发公司