z-index, убрать блоки под родителя

168
16 августа 2018, 10:20

как убрать блоки линий за серый фон снизу, если этот фон для них родитель, а блоки с отрицательным margin? Пробовал z-index, не получается. Т.к они являются чаилдами серого фона 

             <div class="lineItems">
                <div class="line profitLine">
                    <span class="firstLine">Линия</span>
                    <span class="secondLine">Прибыли</span>
                </div>
                <div class="line stabLine">
                    <span class="firstLine">Линия</span>
                    <span class="secondLine">Стабильности</span>
                </div>
                <div class="line infLine">
                    <span class="firstLine">Линия</span>
                    <span class="secondLine">Бесконечноти</span>
                </div>
            </div>
Answer 1

SimaDmtr, z-index работает вместе с position. К примеру:

.parent{ 
  position:relative;   
  height:200px; 
  width:200px; 
  background:red; 
  margin:100px auto; 
} 
.child{ 
  position:absolute; 
  z-index:-1; 
  top:-20px; 
  left:-20px; 
  height:100px; 
  width:100px; 
  background:blue; 
}
<div class="parent"> 
  <div class="child"></div> 
</div>

READ ALSO
Вызов метода подменой контекста
javascript

Вызов метода подменой контекста

Если я хочу вызвать функцию из прототипа массивов, например forEach, для коллекции, допустим NodeList, то какой вариант лучше избрать?

 143
Доступность инпута типа чекбокс
javascript

Доступность инпута типа чекбокс

На форме есть несколько инпутов типа чекбоксПеремещаться ТАБом по элементам формы я могу

 161
Как исключить компонент из сборки в коде в зависимости от условия?
javascript

Как исключить компонент из сборки в коде в зависимости от условия?

Как исключить компонент из сборки в коде в зависимости от условия (компонент должен быть только если NODE_ENV = development), без правок конфига вебпака?

 149
Сортировка треугольников
javascript

Сортировка треугольников

Есть рабочий код который отсчитывает площадь по формуле Герона с треугольника, используя пустые массивы, которые я заполняю в консоли методомpush();

 209