Question

我正在尝试通过创建一个名为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>

Answer 1

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

background-color:Black;

你会想要将定位看起来像阴影，但我会把它留给你。

Answer 2

我相信为你的div添加一个最小高度将解决这个问题。

Answer 3

其他修正：

确保您的div包含内容，例如添加 
如果您的div已浮动，请确保其宽度和高度已定义
确保顶部和左侧值与其上方的div不同
检查您的z-indexes

除非我有一些内容，否则Div不会显示？

3 个答案: