Div не будет отображаться, если у меня нет контента? - PullRequest
0 голосов
/ 14 октября 2010

Я пытаюсь смоделировать тень на имеющемся у меня div, создавая div с именем headerShadow и устанавливая его цвет фона на Черный.

Хотя он не отображается, вот код:

#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>

Ответы [ 3 ]

2 голосов
/ 14 октября 2010

Вы не хотите, чтобы атрибут цвета был черным. Чтобы добиться желаемого эффекта, установите цвет фона на черный.

background-color:Black; 

Вы захотите исправить положение, чтобы оно выглядело как тень, но я оставлю это на ваше усмотрение.

1 голос
/ 14 октября 2010

Другие исправления:

  • Убедитесь, что у вашего div есть содержимое, добавьте &nbsp;, например
  • Если ваш div плавает, убедитесь, что он имеет ширину и высоту
  • Убедитесь, что верхнее и левое значения не совпадают с div над ним
  • Проверьте свои z-индексы
1 голос
/ 14 октября 2010

Я полагаю, что добавление минимальной высоты в ваш div решит эту проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...