大家好,我正在使用html5和JavaScript工作,而且我遇到了问题
所以我有div,我动态追加这样
container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');
我的div已创建,但我无法看到背景图片,任何人都可以指导我错误。
由于
答案 0 :(得分:1)
问题可能是图像的路径。在您的示例中,图像需要与html位于同一文件夹中。如果您将其放在网站根目录的子文件夹中,例如“脚本”,则路径应为/scripts/del_btn.png
。
答案 1 :(得分:0)
尝试
container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');
你这里不需要+
编辑转发'
答案 2 :(得分:0)
使用background
代替background-image
,因为background-image
仅接受图片网址作为值。
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 */
答案 3 :(得分:0)
你说它和javacript文件在同一个文件夹中。
例如,如果您的JS文件位于与html页面不同的文件夹中,请说scripts
您需要将图像路径修改为类似'scripts/del_btn.png'