HTML img標籤 - FF顯示問題

Question

我使用HTML img標籤如下：

<img src="url_to_some_pic" alt="alternative error message" 
    width="300" height="300"> 
</img> 

在情況下URL損壞的鍍鉻& IE顯示此錯誤消息，如預期內 圖像原點dimensaion但FF不是。

FF中發生的情況是，FF在一行中顯示錯誤消息，但顯示 ，但不在圖像區域（300 x 300）內。

任何人都知道如何解決這個問題？

我猜css將是解決方案，但如何？

謝謝，

約翰。

Answer 1

您有標記錯誤。 img標籤是一個自動關閉的標籤。你應該這樣使用它：

<img src="url_to_some_pic" alt="alternative error message" 
width="300" height="300" /> 

這應該解決您的問題。而且，也許這是很好的瞭解，更好，更規範的方式來增加寬度和高度，以你的形象將與CSS，這樣的：

<img src="url_to_some_pic" alt="alternative error message" 
style="height: 300px; width: 300px;" /> 

Answer 2

每個瀏覽器正在處理ALT它自己的方式和有沒有一致的方式來格式化它。 我會考慮將你的圖片放入容器中。

至少這種方式alt將始終放在左上角。

http://jsfiddle.net/WjKxN/1/

HTML：

<div id='image'> 
    <img src="url_to_some_pic" alt="alternative error message" width="300" height="300"> 
</div> 

CSS：

#image { 
    width: 300px; 
    height: 300px; 
    border: 1px solid black; 
}