BinaryDevelop
  1. ホーム
  2. html

[解決済み] ボディの背景色が表示されない？

2022-01-26 18:15:35

質問

シンプルな.shtmlのページがあるだけです。 

<html>
    <head>
        <meta charset='utf-8'>
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <link href="Stylesheets/main.css" rel="stylesheet">
        <link href="Stylesheets/glicons.css" rel="stylesheet">
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
        <title>
            Codepixl
        </title>
    </head>
    <body>
        <!--#include file="nav.html"-->
         asdsd
        <div id="Scripts">
            <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="Scripts/jquery.cookie.js"></script> <script src="Scripts/jquery-ui.min.js"></script> <script src="scripts/typed.js"></script> <script src="//codepixl.net/scripts/secret.js"></script>
        </div>
    </body>
</html>

とスタイルシートがあります。 

body{
    background-color: #32CD32;
}
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -115px;
  margin-left: -115px;
    z-index: 9999;
}

でも、背景色が表示されてない？html,body{}を使ったり、doctypeを使ったりしましたが、うまくいきません。どうなっているのでしょうか？

EDITです。 bootstrapを削除したら動くようになりました...。あと、こんなページもあります。 http://codepixl.net/indesx.shtml

EDIT スタイルシートの前にブートストラップを置くだけでした -_-。

解決方法は？

Bootstrapのincludeをコメントし、bodyが適用されるかどうかを確認します。 まずは最小限のコードでテストして、それからいろいろと追加していくといいでしょう。

それでもダメなら、FirefoxやChromeのインスペクターを使って、どんなCSSの効果が適用されているかを確認することができます。

また、Chromeのネットワークインスペクタを使用して、スタイルシートが実際にダウンロードされているかどうか、あるいはリンクが間違っていないかどうかを判断するのもよいでしょう。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します