背景画像が表示されないのはなぜですか? コードに問題があるのでしょうか? _html/css

背景画像が表示されないのはなぜですか? コードに問題があるのでしょうか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:57:36

オリジナル

1864 人が閲覧しました

;

ホームページ

フロンティア

コース紹介

スター学生

css コード

/* CSS ドキュメント */
.nav li { list-style-type:なし; フロントサイズ: 12px; フロート: 左; 幅: 90 ピクセル; 高さ: 35 ピクセル; テキスト整列: センター; 背景: URL(%E8%83%8C%E6%99%AF% E7%81%B0.jpg );background-repeat:no-repeat;}
body {front-size:16px; line-height:20px;front-family: "公式スクリプト"、"宋体"、Arial;}
p {text-align:center ;}
.nav.first {background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF ;}

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

.nav.first {background-image:url(%E8%83%8C%E6%99%AF.jpg); width:70px;front- size:14px;front-width:bold;color:#FFF;

.nav と .first の間のスペースが少なくなります%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;

.nav と .first の間のスペースが少なくなります

まだ機能しません.

.nav .first {background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF ;} スペースの欠落に問題があるはずです。具体的な違いを自分で確認できます。

それでも表示されない場合は、このツールを使用して your.first を確認してください。この li の CSS スタイルについては、画像のパスが間違っているか、サイズが間違っているかを確認してください。

LZ まずは試してみてください
.nav .first { background-image: url(% E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;}
スペースが欠落していることに問題があるはずです。具体的な違いは自分で決定できます。
それでも表示されない場合は、ブラウザの開発者ツール (通常は F12) を使用して .first li の CSS スタイルを確認し、画像パスが次のとおりであるかどうかを確認します。サイズが間違っていますか? または、ロードされましたが、表示が不完全です

ありがとうございます