Firefox：當圖片未找到時，它會破壞html圖層

Question

在Firefox 27中，當找不到圖片時，圖片的高度變得像自動圖片alt。 這打破了HTML層（圖片1）。我能做些什麼，使之類似於Chrome瀏覽器（如果未找到圖像，高度逗留以前）（圖片2）

Answer 1

您可以指定通過CSS靜態或最小高度，這將始終保持其尺寸和佈局將保持不變，對於圖像

img { 
min-height:300px; 
} 

Answer 2

像這樣的事情？ $('img').wrap('<div/>').css({minHeight: '100px'});

Answer 3

組內嵌式地顯示塊：

img{display: inline-block;} 

Answer 4

根據我的經驗，img應該設置屬性的重量和高度，只是因爲這種情況。這些屬性可幫助瀏覽器在呈現DOM元素之前爲其創建空間。 因此，如果您的圖像是100x100像素，那麼屬性應該是weight="100"，height="100"。請注意，px缺失，因爲屬性是以像素定義的。編輯： 剛剛注意。如果您想在圖片未加載時隱藏某些內容，請使用jQuery插件waitForImages。如果圖片未加載，請隱藏其容器。