最近公司要新开一个项目了,要兼容ie8的浏览器,兼容性问题真的是一个大大的问题,不断的总结一些ie8在兼容性上样式不同的问题吧!
1.input并不会因为设置了行高而被撑大
在谷歌浏览器中,有时候懒就只用line-height去撑开高度,但是在ie8中,并不能用line-height把盒子撑开,虽然行高确实变高了,但是会有一部分被遮盖了.
解决办法:
就是为input添加一个height属性呗
2 background-size属性无效
在ie8中,css3的绝大部分属性是无法生效的,例如background-size,可是这个属性真的是爆炸的强大,忽然不给用了,感觉很难受啊啊啊啊!!!,
解决办法:
-
有个老外写了个htc文件,叫background-size polyfill,下载下来,在需要使用background-size的地方加入两行代码就可以了
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc); 第二种办法,就是不要利用背景图片,利用img标签插入图片,在利用一些定位属性和z-index实现背景的效果
3 在ie中input和button对不齐
解决办法
- 给input添加一个属性vertical-align: top;就可以实现了
