Css Div-won';除非我有一些内容,否则我不会显示吗?

Css Div-won';除非我有一些内容,否则我不会显示吗?,css,html,background-color,Css,Html,Background Color,我试图通过创建一个名为headerShadow的div并将其背景色设置为黑色来模拟一个div上的阴影 但是它没有显示,下面是代码: #header { background-image: url('images/headerBackground.png'); background-repeat:repeat; width:auto; } #headershadow { color:Black; height:10px; } <body&g

我试图通过创建一个名为headerShadow的div并将其背景色设置为黑色来模拟一个div上的阴影

但是它没有显示,下面是代码:

#header
{
    background-image: url('images/headerBackground.png');
    background-repeat:repeat;
    width:auto;
}

#headershadow
{
    color:Black;
    height:10px;    
}

<body>    
    <div id="header">
        <img src="../../Content/images/cumaviLogo.png" alt="Cumavi.com - Compras y ventas online en Bolivia!" />    
        <ul id="topuserbar">
            <li>Bienvenidos, <span class="userSalute">Sergio!</span></li>
            <li><a href="#">Mis Anuncios</a></li>
            <li><a href="#">Perfil</a></li>
            <li><a href="#">Ayuda</a><img class="helpicon" src="../../Content/images/helpIcon.png" alt="Help icon." width="20" height="20"/></li>
            <li><a href="#">Cerrar Sesion</a></li>
        </ul>
    </div>
    <div id="headershadow">
    </div>
    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
</body>
#标题
{
背景图片:url('images/headerBackground.png');
背景重复:重复;
宽度:自动;
}
#校长
{
颜色:黑色;
高度:10px;
}
  • 别担心,塞尔吉奥

我相信向div添加最小高度可以解决此问题。

我相信向div添加最小高度可以解决此问题。

其他解决方法:

  • 确保您的div有内容,例如添加一个
  • 如果div是浮动的,请确保它定义了宽度和高度
  • 确保顶部和左侧的值与其上方的div不同
  • 检查您的z索引
其他修复程序:

  • 确保您的div有内容,例如添加一个
  • 如果div是浮动的,请确保它定义了宽度和高度
  • 确保顶部和左侧的值与其上方的div不同
  • 检查您的z索引

您不希望颜色属性为黑色。要获得所需的效果,请将背景色设置为黑色

background-color:Black; 

您可能希望将定位修改为像阴影一样显示,但我将由您决定。

您不希望颜色属性为黑色。要获得所需的效果,请将背景色设置为黑色

background-color:Black; 

您可能希望将定位设置为阴影,但我将由您决定。

问题在于我设置的是颜色而不是背景色。呜呜!问题是我设置的是颜色而不是背景色。呜呜!