Question

我正在尝试将我的背景颜色设为#about某种颜色，但是当我这样做时它不起作用。其他代码，如高度工作，但不是背景。

CSS：

#menu-toggle {
padding: 0px;
background-color: transparent;
color: #ff2626;
font-weight: bold;
font-size: 50px;
border-color: transparent;
position: fixed;
}

.header-img {
background-image: url(../img/crossfitheader.jpg);
background-position: center;
background-repeat: no-repeat;
background-size:cover;
height: 100vh;
}

.icon-menu:before {
content: "\e9bd";
}

.container #about  {
height: 100vh;
width:100%:
background-color: #575432 !important;
}

.icon-cross:before {
content: "\ea0f";
}

HTML：

<div class="container">
    <div id="about">
    hiuhjjkn
    </div>
</div>

Answer 1

因为在width:100%:之后有一个冒号停止了它。

用分号代替：

width:100%;

否则会将其视为您继续指定宽度。

Answer 2

将宽度属性上的:替换为;，如下所示：

width:100%;

以下是代码的jsfiddle，其中colon已替换为semi-colon：https://jsfiddle.net/AndrewL32/e0d8my79/32/

Answer 3

width:100%:＆lt;＆lt;＆lt;你有结肠而不是分号

Answer 4

将其更改为此

.container #about  {
height: 100vh;
width:100%: <---- instead of : put ;
background-color: #575432 !important;
}

CSS背景颜色不会工作

4 个答案: