浏览器不兼容问题&&解决方法

1、图片带来的问题

a、图片下方的间隙

解决方案
1）img{display：block} 不要设置全局选择器
2）img{vertical--align:top/bottom/middle}

b、图片的右侧有空隙

解决办法
1）不换行 继续写
2）设置浮动属性：float:left;

c、img和input一起使用垂直方向不对齐

img和文字垂直方向不对齐
解决办法
1）给img添加一个{vertial-align：center}
d、给图片添加超链接时，带边框（仅在IE浏览器中存在）
解决方法
img添加{boder:none}
e、给图片添加产链接第有边框，鼠标放上去变化边框，边框显示一半
解决办法
IE6：hover只能给a使用
a{display:blok;}
非IE6中可以给a或者img加：hover

2、间距带来的问题（margin和padding）

a、浏览器默认的内外边距不同

*{margin0；
padding：0；}

b、两个块级元素竖向的margin值不会叠加，期间距取最大值

c、给子元素加margin-top，但是作用在父元素上

解决方案
1)给父元素添加padding：0.1px；
2)给父元素加浮动

d、在IE6中浮动元素和未浮动元素处于同一行，有默认的间距3px（经典3像素问题）

        解决办法
        给为浮动的元素加浮动

e、IE6横向margin加倍

解决方法
display：inline；

    f、在IE6中margin：0 auto不起作用；

3、行高及高度带来的问题

a、浮动带来的副作用，父元素的高度塌陷

解决办法
1、给父元素添加高度
2、在浮动的元素后面添加一个空白的div，给div清楚浮动
3、给父元素添加overflow：hidden
4、万能的清楚浮动方法

b、IE6不认识min-height（最小高度）

height：auto！important；
height：300px；

c、一行文本如何垂直居中

``line-height=height``

4、其他问题

a、opcaty：透明度（0-1）（IE8之前不认识这个属性）内容会随着透明
解决办法
加入filter：alpha（opacity=50）
rgba

5、游标手问题

cursor：pointer;
不要设置成hand（只能IE认识）