Помогите пожалуйста разобраться, никак не могу поставить выскакивающий блок на передний план, что только не пробовал уже, ничего не помогает, фото приложил, окно что скрывается за блоками, надо вывести на передний план
<div class="s2-item-wrap spoiler-wrap disabled">
<a href="#q" class="s2-item spoiler-head">
<span class="img-wrap">
<img src="img/icons/section_2/1.png" alt="Alt">
</span>
<span class="s2-item-text">IT, компьютеры, связь</span>
<div class="spoiler-body">
В данном разделе собрана полезная информация о компьютерной сфере. Во-
первых, здесь представлены крупные тендеры из области IT по разработке и
управлению информационными системами. Во-вторых, в этом разделе найдётся
целый ряд тендеров на поставку готового оборудования – компьютеров,
оргтехники, комплектующих. В-третьих, здесь есть проекты по ремонту и
обслуживанию современной вычислительной и офисной техники.
</div>
</a>
</div>
js--->
jQuery(document).ready(function(){
jQuery('.spoiler-head').click(function(){
$(this).parents('.spoiler-wrap').toggleClass("active").find('.spoiler-
body').slideToggle();
})
})
CSS---->
.spoiler-wrap
margin: 0 0 8px
.spoiler-head
cursor: pointer
padding: 5px
.spoiler-body
margin-left: -130%
padding: 10px
background-color: #333
color: #fff
border: 1px solid #F39F18
width: 500px
.spoiler-wrap
&.disabled .spoiler-body
display: none