0

大家好，我正在使用 html5 和 JavaScript，但我遇到了问题

所以我有 div 我像这样动态附加

container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');

我的 div 已创建，但我无法看到背景图像，任何人都可以指导我出了什么错误。

谢谢

4

4 回答 4

1

问题可能是图像的路径。在您的示例中，图像需要与 html 位于同一文件夹中。如果您将它放在网站根目录的子文件夹中，例如“脚本”，则路径应为/scripts/del_btn.png.

于 2012-08-09T19:20:35.490 回答
0

使用background而不是background-image，因为background-image只接受图像 url 作为值。

container.append('<div id=del_' + container_id + ' style = " background: url(' + "del_btn.png" + ') no-repeat center center;"/>');

并为 div 设置 css

display: block;
width:  100px; /* for example */
height: 100px; /* for example */
于 2012-08-09T18:52:14.280 回答
0

尝试

container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');

你不需要+这里

编辑逃脱'

于 2012-08-09T18:35:24.903 回答
0

您说它与 javacript 文件位于同一文件夹中。

例如，如果您的 JS 文件位于与 html 页面不同的文件夹中，请说scripts

您还需要将图像路径修改为类似'scripts/del_btn.png'

于 2012-08-09T19:19:21.070 回答