[分享]css兼容所有浏览器的代码

CSS样式的兼容性是网页制作过程中必须关注的一个问题。由于不同浏览器对CSS规范的解释有所不同，因此需要编写兼容不同浏览器的CSS代码。以下是一些经典的CSS兼容代码示例。/去除链接下划线/ a{ t...

CSS样式的兼容性是网页制作过程中必须关注的一个问题。由于不同浏览器对CSS规范的解释有所不同，因此需要编写兼容不同浏览器的CSS代码。以下是一些经典的CSS兼容代码示例。

/*去除链接下划线*/
a{
 text-decoration:none;/*IE6*/ 
 outline: none;/*FF*/ 
}
a:hover{
 text-decoration:underline;/*IE6*/ 
 outline: none;/*FF*/ 
}

/*固定居中*/
#div{
 position: absolute;/*IE6*/ 
 position: fixed; /*FF、IE7*/
 top:50%;
 left:50%; 
 margin-top:-10%;
 margin-left:-15%;
}

/*透明度*/
.o{
 filter: alpha(opacity=50);/*IE*/ 
 opacity : 0.5;/*FF*/ 
}

/*圆角边框*/
#div{
 -webkit-border-radius:5px;/*Safari*/ 
 -moz-border-radius:5px;/*FF*/ 
 border-radius:5px;/*IE9*/ 
 border:1px solid #ccc;
}

/*清除浮动*/
.clear{
 clear:both;/*FF IE*/ 
 margin:0;
 padding:0;
 word-break: break-all;
} 

以上是一些常用的CSS兼容代码示例，但实际上兼容性问题是一个复杂的问题，需要开发者根据具体情况进行综合考虑。为了提高代码的可维护性和可复用性，开发者应该尽可能遵循标准规范，并对兼容性问题进行测试和调整。