浏览器兼容问题

我经常看到一些人提问说网页错位，和在火狐里面看上去网页是好的，在ie在错位了.

在web 下html css里全看一些关于这些问题.

还有有ul li什么调整不好的...等等 全可以用css hack 解决的...

解决方法：

用positon ：relative；

然后 top :0px; left :0px ；

 上面的top left 中的0px ,是根据你自己要的的位置自己定义的。而且这个position是在任何浏览器兼容的

先不说兼容问题，先在火狐浏览器里面调好。 这应该没什么问题吧....

火狐和谷歌 在 ul li 再漂浮 在position 定位 ,效果是一样的. 这只是我试过...

然后再用ie打开源文件. 发现在火狐里好好的，在ie里错位.这很正常..为什么了..

因为你用的ul li 再float 的话就会出现这个兼容问题.因为在火狐 . 谷歌 . ie 6 7 中ul li 中float 再position 定位的话 ，一漂浮的那一刻就出现不同的效果.  自己可以试试...我是试过了...

所以解决用 css hack 来解决.

#test   
   {   
   width:300px;   
height:300px;
     
   background-color:blue; /*firefox*/
background-color:red\9; /*all ie*/
    background-color:yellow\0; /*ie8*/
    +background-color:pink; /*ie7*/
    _background-color:orange; /*ie6*/
    }  

fire fox 和 谷歌什么都不要加 ,
全部的 ie 后面加个\9  
ie 6 和7 的区别 + 和-  
ie 8后面加上\0

你要问什么\9 和\0 是什么意思

其实我也不知道

也可以解释成说ie每个浏览器的特定识别符

但是貌似在网上可以查到....

只要记住他们的其别就是....