1. 程式人生 > >瀏覽器相容性問題,長期更新

瀏覽器相容性問題,長期更新

1、a元素包裹img,img元素在IE9以下瀏覽器會有藍色邊框,點選a連結後變成紫色邊框, 解決方案:img { border: none; }。 2、a包裹img/文字,點選時的一瞬間會在IE9以下瀏覽器中出現虛線邊框。解決方案: a:focus {outline: none; }。 3、img底部3pxbug,最好用display: block。如果用vertical-align: top/bottom,當你在縮放頁面時,底部有時會多1px。 3、forEach是陣列的方法,當迴圈一組DOM物件(偽陣列)時在IE和safari中會有問題。解決方案:

Array.prototype.forEach.call(lis, function (item) {
   item.innerHTML = item.innerHTML + new Date();
})