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

198

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>

Создание интернет-магазина игрушек в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

176

javascript

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

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

192

javascript

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

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

180

javascript

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

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

241