Относительное позиционирование с z-индексом

Question

У меня есть 2 дел.Второй ниже первого.

2-й делитель имеет z-index: -1; top: -20px; position: relativeТеперь я хочу поместить несколько ссылок (a-tag) во второй div: <a href="#">test</a>.Теперь я вижу свою ссылку, но она неактивна.Я не могу нажать на это.Когда я удаляю z-index: -1, это работает.Что не так?

Answer 1

Отрицательный z-индекс может вести себя с ошибками. Я бы дал верхнему div более высокий z-индекс. Вы можете лучше иметь что-то вроде этого:

div.1 {
  position: relative;
  z-index: 3;
}
div.2 {
  position: relative;
  top: -20px
}

Ваши ссылки должны быть кликабельными, если они, конечно, видны.