所以我在点击时动态地将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;