阴影的兼容用法
.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);
}
本文介绍了CSS中阴影、圆角及渐变背景等样式的兼容性写法,确保网页能在不同浏览器中呈现一致的效果。通过使用特定前缀,如-webkit-、-moz-等,来覆盖各种浏览器引擎的差异。
1688

被折叠的 条评论
为什么被折叠?



