我有一个由http://chainery.comoj.com/test.html的ajax / jquery生成的页面。该页面是http://chainery.comoj.com#anklets生成的html。问题是产品图像没有显示。我认为我的问题在于CSS,因为ajax页面和html页面都没有显示产品描述左侧的图像。链接和图像似乎在探险家的dom中,但只是没有显示。一切都在FF和野生动物园中展示。 IE也没有显示任何错误,我可以看到。
感谢您提供任何提示或解决方案, 托德
答案 0 :(得分:2)
这是一个非常独特的问题,但我想我知道原因是什么。
如果您查看页面上生成的源代码,那么您遇到问题的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可以从“”得到的最接近的数值。
尝试更改脚本中创建该标记的任何内容,以设置适当的高度和宽度,或者根本不添加这些属性。