Question

“sidebar”div的背景颜色显示在我的Dreamweaver设计中，但在浏览器（chrome或IE）中打开时没有显示，链接查看页面：Dropbox Link。这是“排练”标题下的div，css代码中的#sidebar。非常感谢任何帮助，谢谢。

HTML

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

<div class="content"></div>
</div>
</div>

</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */

div.wholepage{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
div.tophalf{
    width:900px;
    height:236px;
    margin-left:auto;
    margin-right:auto;
}
div.logoimg{
    float:left;
    width:255px;
    height:236px;
    background-image:url(images/tree.gif)
}
div.namelogo{
    float:right;
    width:645px;
    height:110px;
    background-image:url(images/logo.gif)
    }

div.pic1{
    float:right;
    width:645px;
    height:126px;
    background-image:url(images/pic1.jpg)
}

div.bottomhalf{
    width:900px;
    height:700px;
}

#sidemenu{
    float:left;
    width:163px;
    height:698px;
    border:1px solid white;
    background-color:#black;
}

h4{

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#white;

}
div.pic2{
    overflow:hidden;
    float:right;
    width:735px;
    height:125px;
    background-image:url(images/pic2.jpg);
}
#menu{
    float:right;
    width:733px;
    height:33px;
    background-color:black;
    border:1px solid white;
}
#menu p { 
    color:#FFF; 
    font-family:Arial,Helvetica,sans-serif;
    }

#menu ul
{
list-style-type:none;
margin:0;
padding:6px;
padding-left:20px;
padding-top:7px;
}
#menu li
{
display:inline;
}

#menu a:link,a:visited
{
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:13px;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
font-weight:bold;

}
#menu a:hover,a:active
{
background-color:#0099FF;
}


div.content{
    float:right;
    width:735px;
    height:540px;
    background-color:#F00;
}

Answer 1

在#sidemenu中更改此属性值：

background-color: #black;

使用此属性值：

background-color: black;

我希望这会对你有所帮助

Answer 2

尽管black和white不是十六进制单位，但这可能不是问题，但如果你想在这里使用十六进制代码是你需要的两个十六进制代码：

黑色：

#000

或

#000000

白：

#fff

或

#ffffff

Answer 3

只需更换它，它就能正常工作。如果您使用＃

，则需要使用十六进制代码

<style>
#sidemenu {
    border: 1px solid white;
    float: left;
    height: 698px;
    width: 163px;
    background:#000000;
}
</style>

CSS背景颜色没有显示在div中

3 个答案: