未在瀏覽器中顯示CSS圖像

我有一個由ajax/jquery在http://chainery.comoj.com/test.html生成的頁面。該頁面是由http://chainery.comoj.com#anklets生成的html。問題是產品圖像沒有被顯示。我認爲我的問題在於css，因爲ajax頁面和html頁面都不顯示產品說明左側的圖像。鏈接和圖像似乎在探險家的dom中，但沒有顯示。一切都在FF和Safari瀏覽器中顯示。另外IE不顯示任何錯誤，我可以看到。未在瀏覽器中顯示CSS圖像

謝謝你的任何建議或解決方案，託德

來源

2011-03-12 maddogandnoriko

這是一個非常獨特的問題，但我想我知道原因是什麼。

如果你看看你的網頁上生成的來源，您遇到的問題img標籤讀取正是這樣：

<img class="itempic" src="images/products/anklets/thumbnails/SSA-40_thumb.jpg" alt="Ravina - Ravina - A hana-gusari anklet" title="Click image for larger view" height="" width="">

如果你看一下，你會發現，高度和寬度屬性都設置爲空字符串（「」）。我猜測，Firefox慷慨地忽略了這些屬性，IE正在殘酷地應用它們。這意味着在IE中圖像的高度和寬度都是0，因爲這是IE可以從「」得出的最接近的數值。

嘗試更改腳本中創建該標記的任何內容，以設置合適的高度和寬度，或者根本不添加這些屬性。

來源

2011-03-12 05:06:42 Infotekka

太棒了！這樣一個容易忽視的事情，我永遠不會發現。我通常對IE的'怪癖'感到惱火，但這似乎是正確的做法。感謝您花時間幫助我。 – maddogandnoriko

不是一個問題的隊友，我有時無法抗拒一個好的謎題;-) – Infotekka

未在瀏覽器中顯示CSS圖像

回答

相關問題