兼容性问题总结

1、<img>标签下的图片在IE9一下出现蓝色边框。

解决方案：

img{border:none;}

2、在IE7下的inline-block没用。

解决方案：

display:inline-block;
*display:block;

3、<a>标签之间有空格。

解决方案：

①浮动。

②如果<a>标签少的话就变成一行。如：

<a>插入</a><a>代码</a>

4、z-index的问题，主要是在于设置父级的z-index。且position必须为absolute、relative、fixed。

5、<input type=“text”>里面的文字，在IE8以下需要设置成text-align：center。

6、对于行内元素双击变蓝的问题。

解决方案：

　　　　　　　　　　<div class="leftchick">
                    <div class="bg"></div>
                    <span class ="lc" onselectstart="return false"></span>
                </div>
                <div class="rightchick">
                    <div class="bg"></div>
                    <span class="rc lc" onselectstart="return false"></span>
                </div>