css兼容代码怎么写 |推迟显示css怎么写

/* 1.使用浏览器前缀 */
.container {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
/* 2.避免使用已弃用的属性 */
.container {
padding: 20px 30px;
background-color: rgb(255, 255, 255);
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center top;
border: 1px solid #ccc;
}
/* 3.使用通用属性 */
.container {
margin: 0 auto;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: box;
}
/* 4.使用条件注释 *//* 5.使用 CSS hack */
.container {
*margin-right: 50px;
_margin-right: 100px;
}
/* 6.使用 Modernizr 检测浏览器特性并进行处理 */
if(Modernizr.boxshadow) {
$('.container').addClass('boxshadow');
} else {
$('.container').addClass('no-boxshadow');
}

最后，大家应该经常测试网页在不同浏览器中的表现，及时修复兼容性问题，确保网页在各种设备和平台中都能正常显示。