无法设置图像背景图像

时间:2012-08-09 18:32:36

标签: javascript html5 background-image

大家好,我正在使用html5和JavaScript工作,而且我遇到了问题

所以我有div,我动态追加这样

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

我的div已创建,但我无法看到背景图片,任何人都可以指导我错误。

由于

4 个答案:

答案 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'

的内容