1

これは本当に簡単です。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);

検索しましたが、これは画像を読み込む正しい方法です。何が間違っているのか教えてください

4

2 に答える 2

3

この行で設定されたスタイルを上書きしています

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

この行で

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

それらを交換すると、動作するはずです。newlabel.setAttribute("Style" ...または、すべてのスタイル定義を 1 つのステートメントにまとめることもできます。

または、さらに良いことに、CSS クラスでスタイルを定義し、そのクラスをラベルに割り当てるだけです。

于 2013-09-12T16:04:03.593 に答える
0

ブラウザのデバッグ パネルを開き、ネットワークを見て、画像の読み込みで 404 エラーが発生するかどうかを確認します。また、サイズのない空の要素には背景画像が表示されません。そのため、何らかのコンテンツを与えるか、CSS でサイズを変更してください。

于 2013-09-12T16:02:03.413 に答える