最近在IE6中發現了一個奇怪的問題。我的一個圖片在IE6中與圖片下面的內容間出現一條空隙。之前是結合在一起的。
經過調試,發現了這段代碼有問題:
<div>
.......
<div>
<img src="images/main/task.gif" usemap="#maps" />
<div>
</div>
<div>
.............................後面的一些就不寫了
</div>
這個代碼格式在通過對JSP格式化後頁面的代碼格式確實好看多了,但IE6卻將圖片與DIV之間的換行符進行識別了,當做一個輸出的符號。所以就會在圖片下面出現了一個多餘的空行,也就是我所說的空隙。
所以大家如果在JSP頁面上寫了類似的東西,用JSP代碼格式化工具的時候一定要檢查下是否會出現此類情況,不細心真不會發現,結果就是測試給你發了一堆BUG。
希望能給大家帶來一點幫助。