为什么图像会以绝对URL显示，但在链接到本地​​计算机时却不会显示？

Question

我正在使用已经构建的HTML;除了幻灯片中的图像外，所有图片都可以使用我的本地机器。

这是有效的代码：

   <div class="backgroundImage" id="homePageBanner2" style="background:url(http://demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/Sites-beats-Library/default/v1355443668325/images/homepage/2-seasonal-pill-gap_2400x650.jpg) center 0 no-repeat;">
                <img src="http://demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/Sites-beats-Library/default/v1355443668325/images/homepage/2-seasonal-pill-gap_2400x650.jpg" style="display:none;" />
            </div>

这不会，它只是显示黑色。 （请记住，此格式适用于此HTML中的所有其他图片。）

<div class="backgroundImage" id="homePageBanner1" style="background:"../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png") center 0 no-repeat;">
            <img src="../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png" style="display:none;" />
        </div>

Answer 1

"background:"

可能是您在指定背景后立即结束您的风格：

Answer 2

这里有2个图像引用，一个在标记中，一个在CSS样式中。不确定，重点是什么。 如果样式中的样式参数确实被破坏了，这就是你粘贴的内容，那么图像可能位于文档根目录中，而CSS就位于子文件夹中，因此只有相对的URL才能存在。如果HTML文件也在根目录中，则背景图像有效。图像标记源URL将指向层次结构中根目录上方的一个文件夹，这可能不是图像所在的位置。由于背景图像CSS在本地版本中被破坏，因此不会出现图像。

Answer 3

style="background:"../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png") center 0 no-repeat;"

你的意思是：

style="background:url(../demandware.edgesuite.net/aajh_prd/on/demandware.static/Sites-beats-Site/-/default/v1355443668325/images/MainImage2.png) center 0 no-repeat;"

Answer 4

如果您是业务经理

  

SRC = “/图片/主页/ 2-季节性丸-gap_2400x650.jpg？$ staticlink $”

如果这是在isml文件中

  

SRC = “$ {URLUtils.staticURL（ '/图像/主页/ 2-季节性丸-gap_2400x650.jpg'）}”

对所有实例（dev，stg，development和prod）最一致