阴影box-shadow,圆角border-radius,渐变背景background兼容性

来源:互联网 发布:网络拓扑探测工具 编辑:程序博客网 时间:2024/06/07 05:25

阴影的兼容用法

.pxs_container{

box-shadow:0px 0px 7px #000;

-moz-box-shadow:0px 0px 7px #000;

-webkit-box-shadow:0px 0px 7px #000;

}

圆角的兼容用法

.pxs_container{

border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}

渐变背景的兼容用法

div{

width: 600px;

height: 200px;

background: -webkit-gradient(right, #cbe5ff, #f5fafe);

background: -webkit-linear-gradient(right, #cbe5ff, #f5fafe);

background: -moz-linear-gradient(right, #cbe5ff, #f5fafe);

background: -ms-linear-gradient(right, #cbe5ff, #f5fafe);

background: -o-linear-gradient(right, #cbe5ff, #f5fafe);

background: linear-gradient(right, #cbe5ff, #f5fafe);

}


0 0
原创粉丝点击