IMG src 為空值時在不同瀏覽器的表現方式

摘要:IMG src 為空值時在不同瀏覽器的表現方式

當我們在動態產生 IMG 的 src 時 , 可能會產生一個有礙觀瞻的問題 , 

 

Chrome 當 Image src 為空值時不會顯示肉包 , 而是空白來表示  , 

 

而 IE 則會出現肉包 , 而通常我們不樂見肉包的產生 ... 非常的醜 .. ,

 

可以參考 JSBIN :
 
JS Bin
 
 
因此在動態產生 IMG  時 , 可以使用下列方式因應 : 
 
(1) 預設圖
(2) 在 img 加上 display:none 
 
之所以使用 display:none 是為了讓元素不會佔了空間 ,