IE 和FF chrome css不兼容问题小结（1）

1在IE中，图片加链接时，图片会有边框

在IE中，图片加链接时，图片会有边框，如下图标示所示

解决办法：img{display: block;border: none;} 设置border='0'即可

2居中：

Margin-left  控制居中，但是对ie系列的浏览器不起作用，需要text-align:center

3高度

IE浏览器最小的高度单位 18px，1px也会默认18px，解决之道：给IE浏览器增加overflow

高度：

IE最少18

FF 给他分配几个就是用几个px

4定义局部链接样式 

在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变，但有些局部链接需要特殊化，这个问题也不难解决，只要在链接样式定义的前面加上指定的id或class就可以了。

#sidebar a:link, #sidebar a:visiteid { 

color:#FF0000; 

text-decoration:none; 

} 

#sidebar a:hover, #sidebar a:active { 

color:#000000; 

text-decoration:underline; 

} 

5解决超链接访问过后hover样式不显示的问题

改变CSS属性的排列顺序:先后顺序标准应为：a:link—a:visited—a:hover—a:active

 

 

6ul在Firefox和IE下表现不同

使用（padding:0;margin:0;list-style:inside;）或者（padding:0;margin:0;list-style:none;）实现兼容

margin的默认效果

 

 

7div里的内容，ie默认为居中，而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto