Question

我只有一个简单的.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，但没有任何效果！发生了什么？

编辑：我删除了bootstrap，它开始工作......此处还有页面：http://codepixl.net/indesx.shtml

编辑：我只需将引导程序放在样式表之前-_-

Answer 1

通过添加`！important``

覆盖Bootstrap中的样式

body{
    background-color: #32CD32 !important;
}

Answer 2

评论您的Bootstrap include并查看是否已应用正文。您应该首先尝试使用最少量的代码进行测试，然后添加内容。

如果这不起作用，您可以在Firefox或Chrome中使用检查器来查看应用了哪些CSS效果。

您还可能希望使用Chrome中的网络检查器来确定您的样式表是否实际上已下载或链接不正确。

Answer 3

html {
    height: 100%;
}
body {
  background-color:#cccccc;
}

这对我有用。如果不在html中设置高度，则body的background-color属性根本不起作用。

Answer 4

你的身体可能有0px的高度。将height:100%添加到您的正文样式中，看看是否有效。

Answer 5

试试

    <body BGCOLOR=#E8FFE8>

这会将 html 标签设置为薄荷绿

身体背景颜色没有显示？

5 个答案: