divのスタイルでbackground-imageプロパティのURLに私のパスが間違っていますか？

私はこの質問が何度も尋ねられ、答えられたことを知っています。私はこれらすべての質問に対する答えを見てテストしましたが、それでも問題は解決しません。divのスタイルでbackground-imageプロパティのURLに私のパスが間違っていますか？

私はHTML文書にdivを持っています。私はそれに特定の高さと幅を持つように書式を設定しました。私はそれに背景色を付けると、私はそれをはっきりと見ることができます。しかし、私が背景画像のプロパティを使うと、画像は表示されません。ここで

はHTMLです：

<body> 
<div id="div"> 
    <div id="playButt"></div> 
    <canvas id="canvas" width="800" height="600"></canvas> 
</div> 
<script src="Js/Init.js"></script> 
<script src="Js/Menu.js"></script> 
</body>

とCSS：

#playButt { 
    position: absolute; 
    width: 100px; 
    height: 100px; 
    display: block; 
    background-image: url("Imgs/User Interface Icons/PLAY icon normal.png"); 
}

マイドキュメントの構造は、このようなものです：通常の
HTML5 \プロジェクトFG \ IMGS \ユーザーインターフェイスのアイコン\ PLAYアイコン.png

cssファイルは、HTMLファイルと正しくリンクされており、Project FGフォルダ内のHTMLファイルと同じレベルに存在します。

私は間違っているとは何ですか？どうすれば修正できますか？

ありがとうございました。

出典

2016-08-31 Delta_Shadow

スペースがそのように解析され得ることができない、あなたはまた、これらに代えて、 '％20'を使用する必要があります。私は使用を避けたいですパス/ファイル名の大文字 – Roberrrt

http://stackoverflow.com/questions/2856294/css-and-jquery-spaces-inside-image-name-break-code-of-url。（... User％20Interface％20 ...） – wazz

**正しい**である大文字の使用を避けるのではなく、より正確なヘルプは、あなた（Delta_）がほとんどのサーバーシステムのファイルパスが*大文字と小文字を区別* – Martin

ファイル名に空白が含まれていないことを確認して、PLAY icon normal.pngをPLAY_icon_normal.pngに変換してください。

また、HTMLが正しいファイルを指していることを確認してください。あなたのURLを作成するときに

あなたは、参照として以下のリストを使用することができます。

/ = Root directory 
    . = This location 
    .. = Up a directory 
    ./ = Current directory 
    ../ = Parent of current directory 
    ../../ = Two directories backwards

出典

2016-08-31 08:21:36 GibboK

私はそれを試みましたが、それでも問題は解決しません。とにかくありがとうございました。 –

divのスタイルでbackground-imageプロパティのURLに私のパスが間違っていますか？

答えて

関連する問題