背景颜色无法显示？

Question

背景颜色无法显示？

14

我只有一个简单的.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

编辑：我只需要将bootstrap放在我的样式表之前就好了 -_-

- ByteDuck

1

请检查网络选项卡，确保 Stylesheets/main.css 已加载。检查样式检查器，确保未覆盖 background-color。您可能需要在引入 bootstrap 后再引入您的样式表。 - user663031

似乎在JSFiddle上可以工作：http://jsfiddle.net/x41ry4t9/ - J. Titus

当您将内联样式应用于body时会发生什么？ - Vinay Jain

对我来说，问题在于 RGB。显然必须使用十六进制。 - Kermit

这对我也起作用了。在我的代码之前必须包含Bootstrap。 - gabopushups

显示剩余2条评论

6个回答

7

请在Bootstrap中进行评论并查看是否应用了body样式。您应该首先尝试使用最少量的代码进行测试，然后再添加其他内容。

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

您还可以使用Chrome中的网络检查器来确定您的样式表是否实际下载，或者链接是否不正确。

- lukevp

1

是的，我移除了Bootstrap，然后它开始工作了...这是代码：<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> - ByteDuck

1

如果我的解决方案解决了您的问题，请将其标记为已接受的答案。 :) 另外，我不确定您是否有第二个问题？Bootstrap参考文档很可能已经定义了背景颜色。您需要做的就是更改导入顺序，使Bootstrap成为首先导入的文件，然后您的CSS文件将覆盖在Bootstrap文件中明确指定的任何定义。 - lukevp

感谢您接受答案。很高兴能够帮助到您。 - lukevp

检查员的建议非常有用，它对我帮助很大。 - almost a beginner

5

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

这对我很有帮助。如果不在HTML中设置高度，body的背景颜色属性根本无法正常工作。

- almost a beginner

虽然这不是原帖作者的问题，但这正是我在寻找的问题，所以谢谢你。 - Curt

0

你的页面可能存在高度为0像素的情况。尝试在body样式中添加height:100%，看看是否有效。

- UserDy

尝试使用display:inline-block。 - UserDy

-1

尝试

    <body BGCOLOR=#E8FFE8>

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

- Skysnake

-1

当您使用Bootstrap时，此问题将会出现...

请避免在CSS中使用!important关键词，以免给用户造成困扰...

（例如）：

body{ background-color : #333 !important; }

- Balasubramaniyan

请在您的回答中提供更多细节。目前的写法让人难以理解您的解决方案。 - Community

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Stella Hu · Accepted Answer

йАЪињЗжЈїеК†`!important`жЭ•и¶ЖзЫЦBootstrapзЪДж†ЈеЉП

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