Как с заданным z-index -1 расположить кнопки?

Question

[ton1_rose]

Доброго времени суток друзья.
Вопрос с расположением кнопок в блоке hblock которому задано свойство z-index - 1, т.к кнопки находятся в этом блоке они не активны, не юзабельны и при наведении свойство :hover соответсвенно ничего не поменяет,
думал решить данную проблему с помощью position: absolute, но блоку слайдер задано отображение только на главной, и при переходе по ссылкам сайта блок с кнопками icons-line уезжает.
код при абсолютном позиционировании:

<div class="hblock"> 
    </div>
     <div class="icons_line">
               <div class="wrp_hcat click buying_up"><a href="#"></a></div>
                <div class="wrp_hcat click apple"><a href="#"></a></div>
                <div class="wrp_hcat click modding"><a href="#"></a></div>
                <div class="wrp_hcat click dir_but"><a href="#"></a></div>
     </div>

.icons_line {
    position:absolute;
    top:620px;
    width: 100%;  
    height:150px;
}
.hblock {
    height:150px;
    width:100%;
    background: url('../images/bg_blur.jpg') center repeat-y fixed;
    background-attachment: fixed;
    position:relative;
    z-index: -1;
    background-size: cover;  
}

как можно решить данную проблему ? куда копать и можно ли тут обойтись без абсолютного позиционирования?

Comments

[Александр]

ничего не понятно сделайте пример тут jsfiddle.net расскажите чего происходит, и что должно происходить

Answer 1

[Ольга]

Не используйте z-index для этого блока, только для кнопок и для других блоков, которые должны его перекрывать.
Почему так:
когда для внешнего блока прописывается z-index , - для всех других блоков,его окружающих, он вместе со своими внутренностями находится на одном уровне.

Comments

[ton1_rose]

У блока с z-index есть бэкгроунд если заметили, который играет очень важную роль, если его убрать то он будет работать криво. Есть другие способы?

[Ольга]

Как z-index влияет на background?если вам надо что бы этот фон был ниже всего остального,то:
а)всем окружающим блокам,объявленным до нашего блока задать position relative и z-index ,всем ,кто после,- достаточно только position relative.а у нашего блока убить z-index,оставить только у кнопок
b)опять же,для блока поставить position relative,z-index убить,создать элемент отвечающий за фон и ему уже поставить position:absolute,backgriund:fixed и растянуть его на 100%

Answer 2

[ton1_rose]

В hblock создал еще 1 див которому задал стилевые параметры фона с z index , hblock задал позишн релэйтив и относительно него отцентрировал icons_line.
Ольга спасибо, но я додумал этот метод чуть раньше :)