As with specified z-index of -1 to place the buttons?

Good day friends.
The issue with the button layout in the block hblock which set the z-index property to 1, because buttons are located in this block they are not active, not usable and when you hover property :hover, accordingly, nothing will change,
thought to solve this problem using position: absolute, but the block slider set to display only on the homepage, and clicking on links site the block of buttons icons-line leaving.
code for absolute positioning:
<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; 
}

how can I solve this problem ? where to dig and whether it is possible to do without absolute positioning?
September 19th 19 at 13:27
2 answers
September 19th 19 at 13:29
Do not use z-index for this block, only for buttons and for other blocks that need to block it.
Why so:
when the outdoor unit is prescribed z-index - for all other blocks surrounding it, he and his innards is on the same level.
The block with z-index is background if you noticed, which plays a very important role, if it is clear that it will run crooked. There are other ways. - ashly.Metz commented on September 19th 19 at 13:32
As the z-index affects the background?if you need this background was below everything else,then:
a)all the surrounding blocks,declared to our block set to position relative and z-index ,all those after, are just a relative position.and our block to kill the z-index,leaving only the buttons
b)again,for a block to put position relative and z-index to kill,to create the element responsible for the background and for him to have to put position:absolute,backgriund:fixed and stretch to 100% - Emilia_McClure17 commented on September 19th 19 at 13:35
September 19th 19 at 13:31
In hblock created 1 div which was set stylistic options of background with z-index , hblock asked relative and relatively position it attentional icons_line.
Olga thank you, but I thought this method a little earlier :)

Find more questions by tags JoomlaCSSCMSHTML