简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

背景画像が表示できない理由_html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 09:03:15
オリジナル
1498 人が閲覧しました

背景画像をテストしているのですが、なぜ表示されないのでしょうか? ~
画像はページと同じフォルダーの imgs サブフォルダーに配置され、CSS はページと同じフォルダーの css サブフォルダーに配置されます
ページのソース コードは次のとおりです: 

<html><head><style type="text/css">@import "css/my.css";</style></head><body></body></html>
ログイン後にコピー

CSS は次のとおりです: 
body{    background-image: url(imgs/11.jpg);}
ログイン後にコピー


ディスカッションへの返信 (解決策)

画像のパスは、HTML ファイルに対してではなく、CSS ファイルのパスに対して相対的に設定する必要があります。
background-image: url(../imgs) /11.jpg);

@インポート URL(css/my.css);

関連ラベル：
background-image怎么不能显示
ソース：php.cn
前の記事：CSS 背景画像 幅 100% Y 軸に沿った高さrepeatrepeat-ymethod_html/css_WEB-ITnose 次の記事：CSS スプライト、どのように計画すればよいですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Vue 開発ツールのコンポーネントの横にあるパフォーマンスの数値は何ですか? Vue 開発ツールの特定の機能に関する洞察やリソースを持っている人はいますか?コンポーネント ペインには、コンポーネントが表示され、次にこれらの小さな赤と黄色の四角形が表示され、コ...
から 2023-11-09 14:46:48
0
1
305
Vue 3 コンポジション API: 値が False の場合でも、Props と v-if をレンダリングします。 ここで私は本当に理解できないような問題に遭遇しました。 true または false に設定できる「active」という名前の prop が渡される子コンポーネントを含めます。 「...
から 2023-11-05 14:48:16
0
2
280
500 Internal Server Error を表示せずに PHP にエラーを表示させるにはどうすればよいですか こんなことは今までに一度もなかった。通常はエラーが表示されますが、現在は 500 Internal Server Error が表示されるだけです。もちろん、以前にエラーが表示され...
から 2023-10-14 13:52:53
0
2
305
ヘッダー画像、テキスト、ボタンをレスポンシブにする方法 Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタン...
から 2023-09-17 09:51:15
0
1
283
データベースからユーザー情報を取得して表示します: URL https://example.com/{username} にアクセスしたとき データベーステーブルにユーザー情報があります。誰かが URL https://example.com/{username} にアクセスしたときに、データベースからユーザーの情報を取...
から 2023-09-16 15:03:44
0
1
641
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！