大家好,我在HTML5和JavaScript的工作,我被困在一个问题无法设置图像的背景图像
所以我DIV这我动态追加这样
container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');
我的DIV是创建,但我无法看到背景图像可以任何人指导我什么是错误。
感谢
大家好,我在HTML5和JavaScript的工作,我被困在一个问题无法设置图像的背景图像
所以我DIV这我动态追加这样
container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');
我的DIV是创建,但我无法看到背景图像可以任何人指导我什么是错误。
感谢
你说,这是在同一个文件夹中的文件javacript。
例如,如果您的JS文件驻留在不同的文件夹中的HTML页面,说scripts
你就需要修改图像路径太像'scripts/del_btn.png'
好吧现在得到它。其实我有我的* .js文件和图像在JS文件夹和我的HTML是在它外面。所以在我的file.js我必须给路径WHT html.thanks – 2012-08-09 19:24:14
尝试
container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');
你不要求+
这里
编辑逃脱“
其说意外的字符串 – 2012-08-09 19:12:21
更新了我的答案。现在检查 – 2012-08-09 19:16:14
使用background
代替background-image
,因为background-image
只接受图像的URL作为值。
container.append('<div id=del_' + container_id + ' style = " background: url(' + "del_btn.png" + ') no-repeat center center;"/>');
,并设置CSS的股利
display: block;
width: 100px; /* for example */
height: 100px; /* for example */
它仍然不工作。我的div高度是在百分比 – 2012-08-09 19:11:20
看到一个示例工程http://jsfiddle.net/3sVMR/。你必须给宽度和高度,或者应该有一些内部的div内容。如果你给百分比宽度和高度,那么它的父元素应该有有效的宽度和高度。 – Diode 2012-08-09 19:31:16
这个问题可能是路径图片。就像在你的例子中,图像需要和html一样在同一个文件夹中。如果您将其放在网站根目录的子文件夹中,请说'脚本',路径应为/scripts/del_btn.png
。
谢谢@ jmosbech .....得到它了 – 2012-08-09 19:28:18
路径不正确?文件系统中的图像在哪里?或者,也许,你的div是零宽度/零高度? – 2012-08-09 18:34:56
它在同一个文件夹,我已经保存了我的js文件 – 2012-08-09 18:36:47
尝试设置绝对路径(用于测试目的) – 2012-08-09 18:39:34