0

Помогите пожалуйста разобраться, никак не могу поставить выскакивающий блок на передний план, что только не пробовал уже, ничего не помогает, фото приложил, окно что скрывается за блоками, надо вывести на передний план

<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

введите сюда описание изображения

9
  • 1
    w3schools.com/cssref/pr_pos_z-index.asp
    – user176262
    27 мар 2018 в 22:12
  • я уже что только не пробовал, не помогает 27 мар 2018 в 22:17
  • создайте работающий пример
    – user176262
    27 мар 2018 в 22:19
  • playcode.io/… Тут только sass не читает 27 мар 2018 в 22:30
  • создайте работающий пример, демонстрирующий проблему, которую Вы пытаетесь решить
    – user176262
    27 мар 2018 в 22:32

1 ответ 1

2

Добавьте стили

.s2-item-wrap.active {
  position: relative;
  z-index: 1;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.