无法设置图像背景图像

Unable to set image background image

本文关键字：图像 背景 设置      更新时间：2023-09-26

你好，我正在使用html5和JavaScript，我遇到了一个问题

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

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

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

谢谢

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

你说它和javacript文件在同一个文件夹中。

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

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

使用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 */

尝试

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

您不需要此处+

编辑转义 '

相关文章：