1.圖片邊框問題,給img設置border-style:none;即可解決。
2.input輸入框光標不垂直居中問題,給input設置line-height爲Input輸入框的高度即可。
3.border-radius,box-shadow在ie8下不兼容,據說可以用PIE解決,試過了沒生效,目前還沒有找到有效方法
4.在ie8下cursor:pointer不生效問題,可以針對ie8設置元素width:0,height:0解決
5.在ie8下超出多行顯示省略號,使用overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;在主流瀏覽器可以正常使用,在ie8的時候省略號不顯示。目前有一種思路:在文本右下角寫個span標籤,<span>...</span>把它設置爲絕對定位,背景設置爲白色,如果有文本超出,剛好蓋住超出的文本,出可以顯示出省略號。
ps:目前先整理這些,後面再遇到繼續記錄下來。