css兼容性小结(1) FF IE6 IE7 IE8

一般在做网页的部局时总会因为浏览器的兼容性而出现显示出现偏差的现象。

以下为自己查找加工的一点总结:

<style type="text/css">
 .style
 {
 (1)  width:100px;/*所有浏览器都能够识别*/
 (2)  width:200px !important;/*所有浏览器都能够识别,效果等同于width;如果把(1)放到这句的下面则只有IE6认识为100px*/ 
 (3)  *width:50px !important;/*IE6,IE7,maxthon识别*/
 (4)  _width:300px; /*只有IE6识别*/
 (5)  width /*/**/:800px/9 !important; /*IE7,IE8 ,maxthon识别*/
 (6)  width /*/**/:700px/9; /*IE8识别,前提是没有(2),(5)行*/
   background-color:#0066FF;
 }
</style>
</head>

<body>
 <div class="style">style</div>
</body>

这样就可以根据自己的需求慢慢调整各浏览器的显示了。

 

你可能感兴趣的:(css兼容性小结(1) FF IE6 IE7 IE8)