一些兼容问题

1.ie9以上浏览器input文本框/密码框后面的小叉子/小眼睛问题
通过CSS虚拟元素(::-ms-clear、::-ms-reveal)禁用

input::-ms-clear{display:none;}/*隐藏文本框叉子*/
input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/

 2.PIE.htc 可以实现很多css3属性在IE下的兼容性 如:圆角、阴影、渐变

.signBtn{
    height: 40px;
    background-color:#08BCD2;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(css/PIE.htc); //实现圆角   （想实现什么css3属性，还是正常的写，写完后在后面加上这一句，可以兼容IE)
}

3.ie6双倍边距

 发生条件：必须是IE6 下;浮动;横向的margin

　　解决方法：

display:inline;

4.ie6吞吃现象：上下两个div，上面的div设置背景，却发现下面没有设置背景的div 也有了背景。

zoom:1;

5.IE8下面的png图片无法正常显示

　　原因：打开调试面板，你会发现IE浏览器把png格式的img解析成span标签，导致图无法显示

　　解决方法：　　

在样式里面对span设置宽高和display:inline-block;即可 

 6.