首页 > 其他 > 详细

IE浏览器兼容性问题

时间:2015-03-03 08:35:11      阅读:192      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!