最近公司要新開一個(gè)項(xiàng)目了,要兼容ie8的瀏覽器,兼容性問題真的是一個(gè)大大的問題,不斷的總結(jié)一些ie8在兼容性上樣式不同的問題吧!
1.input并不會(huì)因?yàn)樵O(shè)置了行高而被撐大
在谷歌瀏覽器中,有時(shí)候懶就只用line-height去撐開高度,但是在ie8中,并不能用line-height把盒子撐開,雖然行高確實(shí)變高了,但是會(huì)有一部分被遮蓋了.
解決辦法:
就是為input添加一個(gè)height屬性唄
2 background-size屬性無效
在ie8中,css3的絕大部分屬性是無法生效的,例如background-size,可是這個(gè)屬性真的是爆炸的強(qiáng)大,忽然不給用了,感覺很難受啊啊啊啊!!!,
解決辦法:
-
有個(gè)老外寫了個(gè)htc文件,叫background-size polyfill,下載下來,在需要使用background-size的地方加入兩行代碼就可以了
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc); 第二種辦法,就是不要利用背景圖片,利用img標(biāo)簽插入圖片,在利用一些定位屬性和z-index實(shí)現(xiàn)背景的效果
3 在ie中input和button對不齊
解決辦法
- 給input添加一個(gè)屬性vertical-align: top;就可以實(shí)現(xiàn)了
