下面的頁面在火狐中開啟時無顯示
lang="en">
charset="utf-8">
title>
src=""
script>
window.onload= function
() ;
$('#headlogo').attr('src' ,'');
}script>
head>
id="headlogo" >
body>
html>
但是在chrome中開啟會顯示如下介面:
但是把$(『#headlogo』).attr(『src』 ,」); 改為
$(
'#headlogo').attr('src' ,'a');
在火狐中是好使的,即執行了onerror方法.可以看看火狐的控制台資訊:
總結:在火狐中,設定的src為空字串,不會觸發onerror方法
img標籤的onerror事件
當不存在時,將觸發 onerror,而 onerror 中又為 img 指定乙個logoerror.png 也就是說存在則顯示logo.png,不存在將顯示 logoerror.png。但問題來了,如果logoerror.png 也不存在,則繼續觸發 onerror,導致迴圈,故會出現開啟網頁時提示...
img在div中垂直居中的方法
html中 方法 1.將display設定成table cell,然後水平居中設定text align為center,垂直居中設定vertical align為middle。2.通過position定位來實現。將div設定成相對定位relative,將img設定成絕對定位absolute,left ...
img元素間空白的解決方法
為了做滾動的幻燈片,需要把一張張接起來,然後再逐張呈現,可是排列好後,每兩張圖中間出現了空白 padding,margin已經都是0 而且寬度不可知,這樣用js來寫動畫的時候顯然不好判斷,於是google之,得到下面的解決辦法,結合本人實際情況備註如下 1 將轉換為塊級對像 即,設定img為 dis...