背景イメージはローカルイメージでは使用できませんか？

Question

ローカル画像で背景画像を表示するためにすべてを試しました。私は正しい画像の場所を持っていることを知っています。私はコンテンツを使用する場合：url（）;できます。

背景画像は、インターネットからのURL画像ロケーションでも動作します。しかし、私のローカルイメージではレンダリングされません。私はすべての可能な場所を試しました。レンダリングされません。

これは、CSSへのパスです：

<link rel="stylesheet" href="stylesheets/myCSS.css" type="text/css" media="screen"> 

私の画像フォルダには、私のcssフォルダと同じパスにあります。

次のHTMLコードです：

<div class="col-md-2"> 
    <p>start here</p> 
    <a href="#" class="angelhack"></a> 
    </div> 

となりましCSS：enter code here

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background-image: url(myPicture.jpg) no-repeat 0px 0px; 
    z-index: 1; 
    } 

.col-md-2 .angelhack:hover { 
    background-image: url('http://4.bp.blogspot.com/-SWLJdR2_YzE/TWB- 
EvvBWpI/AAAAAAAAA6U/MVtkwJXED88/s320/donkey.png'); 
    } 

誰もがラベルの前に、これは私はこの質問へのすべての回答を検索しました、繰り返し質問ですStackOverFlowですべての提案に従って、私はまだ描画する画像を取得することはできません。 Chromeとコンテンツのため、画像が正しい場所にあることがわかります。url（）;イメージは機能します。助言がありますか？

Answer 1

EDIT：URLのファイルパスが二重引用符で囲まれていないことを見落としました。

変更：

background-image: url("myPicture.jpg") no-repeat 0px 0px; 

へ：

background-image: url("myPicture.jpg"); 
background-repeat: no-repeat; 

Answer 2

これを試してみて、それが動作するかどうかを確認。

.col-md-2 .angelhack { 
    background: url("../images/bg.jpg") no-repeat; 
//Set your path in the double quote's 
    } 

Answer 3

私の代わりにbackground-imageのbackgroundを使用している、それが正常に動作しています。 picはあなたのhtmlと同じフォルダにあると仮定します。

.col-md-2 .angelhack { 
    height: 65px; 
    width: 188px; 
    display: block; 
    background: url("myPicture.jpg") no-repeat 0px 0px; 
    z-index: 1; 
    } 

Answer 4

あなたの不足しているあなたの""引用符

background-image: url("myPicture.jpg"); 

試してみると

background-image: url(myPicture.jpg); 

、

background: url("myPicture.jpg"); 

また、

• はそれを参照するファイルと同じディレクトリにある画像ですか？
• の画像はの下にありますか？
• の画像はの上にありますか？

"below"と "above"は、サブディレクトリと親ディレクトリを意味します。相対ファイルパスを使用すると、両方向に移動することができます。私の原始的な例を見てみましょう：ここ

あなたは、相対ファイルパスを知るために必要なすべてされています

• ルートディレクトリに「/」リターンで開始し、以降では
• そこを開始「../」
• はちょうど開始し、前方に移動するには（...ようにして）1つのディレクトリ後方に移動し、二つのディレクトリ後方に移動し、「../../」を皮切りそこ
• を開始し、そこ を開始とともに最初のサブディレクトリと

Answer 5

あなたの唯一の問題は、あなたが代わりにこの

background-image: url('mypicture.jpg') no-repeat 50px 50px; //the size isn't good there

のようにそれを書いて、この

background-image: url('mypicture.jpg') no-repeat; 
background-size: 50px 50px; 

のようにそれをしなさいと background-image

を書いた方法だった前進 を保ちます

このように表示されます