Firefox上的div问题中的图像答案

【问题标题】：Image within div problem on firefoxFirefox上的div问题中的图像
【发布时间】：2011-09-30 01:47:05
【问题描述】：

我有以下通过 jquery 动态生成的布局。基本上它会创建一堆带有图像的 div，这些 div 向左浮动。在 Chrome 和 IE 上，图像加载正确，但在 FireFox 上，图像无法加载。如果我尝试检查图像 FireFox 说 src 无法加载。有什么想法吗？

 <div id="divButton" class="buttonToolBar">
   <img src="..." alt="buttonType" />
 </div>

.buttonToolBar
{
    float:left;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin: 1px 2px;
}

与

更新这是其中一张图片的 url 示例 http://localhost:7499/CuteSoft_Client/CuteEditor/Themes/Office2007/Images/table.gif

更新我正在使用服务器端的 ResolveClientUrl 方法来呈现正确的 url，也许是这个问题？

【问题讨论】：

您是否尝试过使用 firebug 来查看服务器对这些图像的响应是什么？
你能给出一个示例图片网址吗？另外，如果您将网址放在浏览器中，图像是否会加载？（在 Firefox 中）
附带问题：小心从 Word 中直接捏图标，或者无论它们来自哪里，它们可能没有被许可用于此用途。
与 ASP.NET 或 jQuery 无关，只是图像源 URL 的处理。我需要看到实际的 URL 本身，就像它所写的一样，或者更好的是，只需将 IMG 标签“按原样”复制粘贴即可
我已将 url 添加到问题中。如果我将 url 粘贴到 FF 中，它会正确加载图像。

标签： jquery asp.net css styles

【解决方案1】：

我在 Firefox 上看到当您在图像上键入错误的斜线时会发生这种情况。

例如这有效/img/oneimage.jpg 这个不 \img\oneimage.jpg

【讨论】：

为什么是 -1 ？难以置信？

【解决方案2】：

原来这不是 url 的问题，这是我得到它的方式。我正在使用 innerText 属性来获取 url。在 FF 中，innerText 不起作用。

'innerText' works in IE, but not in Firefox

【讨论】：