背景图像没有出现。网址是正确的。 (调试器中没有错误消息)

时间:2015-04-27 02:24:29

标签: javascript html css

所以我在点击时动态地将div添加到屏幕上。这些div称为块。我有一个创建这些的js文件。它根据它的当前属性生成HTML,将其发送到页面并与其他属性一起显示。

我在它上面放了一个用CSS工作的背景图片但是现在我已经把它变成了js函数它不再有用了。 js文件位于一个名为jsBlock的文件夹中,其中有一个名为images的文件夹,它们位于

我试过' images / wood1.png'和' jsBlock / images / wood1.png'并且都不起作用。我不确定它是否看起来相对于HTML页面或js文件,但都没有工作。

我查看了生成的HTML并且它是正确的。是否有关于在js中使用CSS来阻止背景图像的事情?



function GetHTML()
{
	var html = "<div id='" + this.ID +
		  "' style='width: 62px; " +
				   "height: 50px; " +
				   "position: absolute; " +
				   "top: " + this.Top + "; " +
				   "left: " + this.Left + "; " +
				   "border-style: outset; " +
				   "border-width: 5px; " +
				   "font-size: 30px; " +
				   "text-align: center; " +
				   "padding-top: 12px; " +
				   "padding-bottom: 0px; " +
				   "border-color: " + this.ColorBorder +
				   "color: " + this.ColorLetters +
				   "text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 2px black; " +
				   this.BackImage + 
				   "'>" +
				   this.Letters + "</div>";
 
	return html;
}

function GetImage()
{
	return "background-image: url('jsBlock/images/wood" + Math.floor((Math.random() * 10) + 1) + ".png'); ";
}
&#13;
&#13;
&#13;

0 个答案:

没有答案