Изображение поверх div-контейнера - PullRequest
Новая
       30

Изображение поверх div-контейнера

3 голосов
/ 15 августа 2011

Как я могу перекрыть полосу сообщений с div?

Image over div-container

Положение div "nav" должно быть фиксированным. 

<img src="images/diagonal_corner_message_strip.png" id="copyright" /><div id="nav">
  <ul>
    <li><a class="top" href="#top"><span></span></a></li>
    <li><a class="bottom" href="#bottom"><span></span></a></li>
    <li><a>List</a></li>
    <li><a>Create</a></li>
  </ul>
 </div>

#nav {
    padding: 6px 0;
    border-bottom:1px solid #ddd;
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
    right:0px;
    margin:0;
    background:#fff url(../images/navigation/nav.png) repeat-x center left;
    z-index:999999;
}

img#copyright {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    float:left;
}

Большое спасибо!

1 Ответ

4 голосов
/ 15 августа 2011

z-index из #nav установлено на 999999.

Не установлено z-index из img#copyright.

z-index определяет порядок вкакие элементы будут отображаться, причем наибольшее значение будет отображаться сверху.Решение вашей проблемы легко, дайте img#copyright выше z-index, чем #nav.

...