Question

这很简单。我使用的是Asp.net语言，我想用Javascript创建一个标签。我在标签上配置的所有内容都是正确的，除非它的图像和我不明白为什么，因为javascript不识别代码上的任何类型的错误。我将在这里发布代码：

        var newlabel = document.createElement("label");
        contador=contador+1;//has no meaning here
        newlabel.setAttribute("id", "box" + someVar);
        newlabel.style.backgroundImage='url(Styles/PostitYellow.png)'; //doesnt load this image
        newlabel.setAttribute("Style","-moz-user-select: none;-khtml-user-select: none;");
        newlabel.setAttribute("onmousedown", "coordenadas(event,this.id)");
        newlabel.innerHTML = document.getElementById("MainContent_box").value;;
        document.getElementById("MainContent_revenuestreams").appendChild(newlabel);

我搜索了这是加载图片的正确方法，所以请告诉我我做错了什么

Answer 1

您正在覆盖此行设置的样式

newlabel.style.backgroundImage='url(Styles/PostitYellow.png)';

这一行

newlabel.setAttribute("Style","-moz-user-select: none;-khtml-user-select: none;");

交换它们，它应该工作。或者更好的是，将所有样式定义合并到一个newlabel.setAttribute("Style" ...语句中。

或者更好，更好 - 在CSS类中定义样式并简单地将该类分配给标签。

Answer 2

打开浏览器调试面板，查看NETWORK，看看是否在图像加载时出现404错误。此外，没有尺寸的空元素将不会显示背景图像 - 因此请使用CSS为其添加一些内容或大小。

使用javascript无法正确加载标签背景图像

2 个答案: