IE浏览器兼容性问题

标签：

1、input中文字垂直居中问题

　　在IE中需要将height和line-height设置成一样，但是如果height过大，在chorme浏览器中光标跟input的height一样高。
解决的方案：
给input的height设定一个较小的高度，然后用padding去填充。
例： height: 22px;line-height: 22px; padding:10px 0;

2、图片或div圆角问题

border-radius在IE下不兼容，使用DD_roundies_0.0.2a-min.js基本可以解决，使用方法：引用js文件，DD_roundies.addRule(‘.user_avatar‘, ‘100%‘);（px或%均可）

3、IE下input背景透明而文字不透明

使用IE滤镜让背景色透明，模拟rgba效果，不是很完美

.filter{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}

我们需要留意的是StartColorStr和EndColorStr的值，前两位是十六进制的透明度，后面六位是十六进制的颜色。
换算方法：x=alpha*255 将计算的结果x转换成十六进制即可

4、IE下placeholder

使用js解决，还不能解决：不填写的话，提交时默认水印的值

IE浏览器兼容性问题

标签：

原文地址：http://www.cnblogs.com/spqadd/p/4310099.html