1

我正在使用已经构建的 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>
4

4 回答 4

3 
"background:"

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

于 2012-12-15T23:27:32.730 回答
0 
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;"
于 2012-12-15T23:50:19.867 回答
0

这里有 2 个图像引用，一个在标记中，一个在 CSS 样式中。不确定，这有什么意义。如果 style 参数在代码中确实被破坏了（从您粘贴的内容看来就是这种情况），则图像可能位于文档根目录中，而 CSS 位于子文件夹中，因此只有相对 URL如果 HTML 文件也在根目录中，则背景图像有效。图像标记源 URL 将指向层次结构中根目录上方的一个文件夹，而这可能不是图像所在的位置。因为本地版本的背景图片 CSS 坏了，所以两个图片都没有出现。

于 2012-12-15T23:33:55.717 回答
0

如果你是业务经理

src="/images/homepage/2-seasonal-pill-gap_2400x650.jpg?$staticlink$"

如果这是在 isml 文件中

src="${URLUtils.staticURL('/images/homepage/2-seasonal-pill-gap_2400x650.jpg')}"

对于所有实例（dev、stg、development 和 prod）是最一致的

于 2014-02-11T00:38:20.940 回答