ホームページ  >  記事  >  ウェブフロントエンド  >  背景画像が表示されないのはなぜですか? コードに問題があるのでしょうか? _html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:57:361815ブラウズ


;


  • ホームページ
  • フロンティア

  • コース紹介

  • スター学生





  • 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 スタイルを確認し、画像パスが次のとおりであるかどうかを確認します。サイズが間違っていますか? または、ロードされましたが、表示が不完全です


    ありがとうございます

  • 声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。