[CSS3]border-radius各浏览器的支撑
border-radius 只要在以下版别的浏览器:Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支撑 border-radius 规范语法格局,关于老版的浏览器,border-radius 需求依据不同的浏览器内核增加不同的前缀,比说 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 是相同的
抢手文章引荐
- [HTML5]HTML5视频video时刻事情代码
- [html5]html5+css3完成图片斜角切成直角梯形显现的源代码
- [微信]iOS苹果和微信中音频和视频完成自动播映的办法
- [Html5]mobile-agent移动Agent,便是具有移动性的智能Agent
- [html5]html5视频全屏完成的源代码
- [html5]视频播映器js操控vedio视频和分段播映
- [html5]视频在ios不能自动播映问题ios的安全机制
- [html5]html5播映视频的video控件只支撑android的默许格局mp4和3