ie8兼容问题

最近公司要新开一个项目了,要兼容ie8的浏览器,兼容性问题真的是一个大大的问题,不断的总结一些ie8在兼容性上样式不同的问题吧!

1.input并不会因为设置了行高而被撑大

在谷歌浏览器中,有时候懒就只用line-height去撑开高度,但是在ie8中,并不能用line-height把盒子撑开,虽然行高确实变高了,但是会有一部分被遮盖了.

解决办法:
就是为input添加一个height属性呗

2 background-size属性无效

在ie8中,css3的绝大部分属性是无法生效的,例如background-size,可是这个属性真的是爆炸的强大,忽然不给用了,感觉很难受啊啊啊啊!!!,

解决办法:

1. 有个老外写了个htc文件,叫background-size polyfill,下载下来,在需要使用background-size的地方加入两行代码就可以了

   -ms-behavior: url(backgroundsize.min.htc);
   behavior: url(backgroundsize.min.htc);

2. 第二种办法,就是不要利用背景图片,利用img标签插入图片,在利用一些定位属性和z-index实现背景的效果

3 在ie中input和button对不齐

解决办法

1. 给input添加一个属性vertical-align: top;就可以实现了