css中让浏览器兼容的代码（css中让浏览器兼容的代码是什么）

CSS是网页设计中的重要一环，它可以让我们的网页更加美观、清晰。但不同的浏览器支持CSS的效果并不完全相同，因此需要我们在编写CSS的时候考虑浏览器的兼容。下面介绍几个常用的CSS让浏览器兼容的代码：

/*让IE6及以下版本支持png透明*/ img {
     behavior: url(iepngfix.htc);
 }
 /*让IE浏览器支持CSS3属性*/ .box {
     -ms-border-radius: 5px;
     /*IE*/-webkit-border-radius: 5px;
     /*Safari和Chrome*/-moz-border-radius: 5px;
     /*Firefox*/border-radius: 5px;
 /*标准语法*/}
 /*让WebKit浏览器支持CSS3属性*/ .box {
     -webkit-box-shadow: 1px 1px 3px #999;
     /*Safari和Chrome*/-moz-box-shadow: 1px 1px 3px #999;
     /*Firefox*/box-shadow: 1px 1px 3px #999;
 /*标准语法*/}
 /*让旧版Firefox浏览器支持CSS3属性*/ @-moz-keyframes slide {
 from {
 /*初始状态*/}
 to {
 /*最终状态*/ }
 }
 /*让旧版Opera浏览器支持CSS3属性*/ .opera-only {
     all: opera_only;
     width: 100px;
 }
    

使用这些代码能够让浏览器更好地支持CSS，提高网页的兼容性。但需要注意的是，在写CSS的时候，应该尽量使用标准语法，避免使用浏览器专有的前缀。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！