Почему navbar наезжает на full width image?

Question

[Skrolea]

Собственно, делаю full background image

navbar {
  height:64px;
  background-color:transparent;
  z-index:0;  
}

и

.bgcover { 
  background-color:#f8f8f8;
 background-image: url(http://ppcdn.500px.org/75319705/1991f76c0c6a91ae1d23eb94ac5c7a9f7e79c480/2048.jpg) ;
 background-position: center center;
 background-repeat:  no-repeat;
background-attachment: absolute;
  top:0;
  left:0;
  min-height:100vh;
  min-width:100%;
 background-size: cover;
background-color: #999; 
  z-index:10;
}

Собственно,CodePen Чего я напутал?
Вроде указал, что top:0 left:0 там и position:absolute. А оно всё равно в потоке

Comments

[Ильдар Гизетдинов]

А где собственно говоря, абсолют?..

[Skrolea]

Да всё верно. Я абсолют воткнул не в позишн, а в аттачмент. Всё работает codepen.io/TsarS/pen/bBqwGa?editors=1100

Answer 1

[Ильдар Гизетдинов]

codepen.io/anon/pen/pNebOL

Answer 2

[Максим Тимофеев]

Элемент с абсолютным позиционированием перекрывает релятивного соседа. Что Вас удивляет?

Comments

[Ильдар Гизетдинов]

где вы там абсолют увидели? не вижу

[Максим Тимофеев]

Ильдар Гизетдинов:

Вроде указал, что top:0 left:0 там и position:absolute.

[Skrolea]

Это моя ошибка. Я воткнул absolute не туда. Не в position, а в attachment. Надо заканчивать, конечно, делать сайты, с помощью codepen)