私の背景画像はdivに表示されません

Question

divを作成してjQueryで背景画像を追加しようとしています。何らかの理由で、私はそれをすることができません。私の代わりに私の背景色を白くすると、私は白い背景を得る。ここに私のコードです：

function appendToDom(poster) { 
     var aPoster = $('<div>'); 
     aPoster.css({ 
       display: 'inline block', 
       float: 'left', 
       margin: '10px', 
       marginLeft: '37px', 
       marginTop: '20px', 
       width: '200px', 
       height: '300px', 
       fontSize: '36px', 
       color: 'black', 
       //backgroundColor: 'white', 
       backgroundSize: '200px 300px', 
       backgroundImage: './../images/question.png' 
      }) 
      /* 
        $(aPoster).attr("css","background-image: url(~/desktop/MyMovies/public/js/images/question.jpeg)"); 
        $(aPoster).attr("css","background-size: 200px 300px");*/ 
     $(main).append(aPoster); 
    } 

ありがとうございました！だから私は、私に与えられた提案をしたが、それはまだme.Hereのために動作しません。私が持っているもののスクリーンショットです：私はそれを得た

my improved code

NVM！ありがとう！

Answer 1

あなたの方法を作ってみましょうが、次のようになり...

aPoster.css({ 
      'display': 'inline block', 
      'float': 'left', 
      'margin': 10, 
      'margin-left': 37, 
      'margin-top': 20, 
      'width': 200, 
      'height': 300, 
      'font-size': 36, 
      'color': 'black', 
      'background-color': 'white', 
      'background-size': '200px 300px', 
      'background-image': 'url("./../images/question.png")' 

はこのような何かを試してみて、あなたが得るものを参照してください。また、ピクセルで値を取り除いたことに気づくでしょう。そのようなCSSプロパティのJavaScriptのデフォルト値は単位がピクセルであるためです。ちょうどそれを試し、それが動作するかどうかを確認しますこれが助けてくれたらと思っています。ああ、最後に、外部スクリプトを使用した場合、URLを使用してメインページではなくスクリプト自体に関連付けることを忘れないでください。しかし、あなたのケースでは、スタイルはインラインで追加されますdiv要素を作成して、メインページ、divが作成されるページを基準にしてください。

Answer 2

スタイルがあなたの場合のようにインラインである場合、パスはHTMLドキュメントに相対的でなければなりません。これをチェックしてください。