今日コードを入力していたとき、アバターを切り替える関数を書きたかったのですが、問題が発生しました。アバターが表示されませんでした。ふと思ったのですが、もしかしてCSSとJavaScriptでは画像パスの書き方が違うのでしょうか? ? ? ... " と "script" は、使用される .css ファイルと .js ファイルを保存するために使用されます
index.html には
<div id="pic">
<p>开心吗</p>
</div>
ログイン後にコピー
が含まれます
picのIDを使用してタグの画像の背景を設定したい場合は、CSSファイルに次のように記述します。
- りー
-
-
jsファイルでは、パスはimages/bg1.pngとして記述する必要があります
-
要するに、
-
(1) js スクリプトの場合、html はスクリプトをページにロードし、一緒に解析します (このページに直接 js スクリプトを記述するのと同じです)。
(2) CSS ファイルの場合、リンクのみが提供され、HTML ページにはロードされません。たとえば、この例では、HTML はリンクに従って CSS ファイル内で必要な画像ファイルを探します。
css の画像ファイル パスはそれ自体に対する相対パスであり、js の画像ファイル パスはそれが配置されているファイルに対する相対パスです。