CSS3圆角的兼容

CSS3圆角的兼容:

.box_round {
-moz-border-radius: 30px; /* FF1+ */
-o-border-radius: 30px;/*opera*/
-webkit-border-radius: 30px; /* Saf3+, Chrome */
border-radius: 30px; /* Opera 10.5, IE 9 */

CSS3边框阴影的兼容:

.box_shadow {
-moz-box-shadow: 3px 3px 4px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 3px 3px 4px #ffffff; /* Saf3.0+, Chrome */
box-shadow: 3px 3px 4px #ffffff; /* Opera 10.5, IE 9.0 */
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, 
OffY=3px, Color='#ffffff')"; /* IE8 */ ｝

CSS3边框border-image 属性的兼容:

div{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;/* Opera */