Не могу сделать подкладку?

Question

[IninsaY]

Нужно сделать подкладку под иконки (серый круг), у меня не выходит :(

https://codepen.io/IninsayY/pen/wvvRBYJ

Answer 1

[Natalia ivanova]

Попробуйте сделать через элемент before и абсолютное позиционирование как здесь https://codepen.io/Natalia_ai_ivanova/pen/GRRPoLq

Comments

[IninsaY]

... Я просто скопировал и оно не работает

[Natalia ivanova]

IninsaY, мне, чтобы Вам помочь, нужен код)
Так ничего не могу предсказать)
У меня одинаково отображается и в браузере, и в codeopen.

[IninsaY]

Natalia ivanova, я АБСОЛЮТНО ничего не менял
https://codepen.io/IninsayY/pen/pooqyrQ

[IninsaY]

Natalia ivanova, я, кажется, понял, z-index всё порет, кружки идут под фон футора, или же я не знаю :(

[Natalia ivanova]

У меня z-index: -1, у Вас z-index: 1 - в этом БОЛЬШАЯ РАЗНИЦА.
Фон был красным, стал серым)
При существующих различиях, чтобы добиться желаемого поставьте z-index: -1 и добавьте .footer-img z-index: 15.

[IninsaY]

Natalia ivanova, я так и скопировал, но потом начал менять это число, можете кинуть код, чтобы работало когда есть фон на футоре?

[Natalia ivanova]

.footer-img {
  position: relative;
  z-index: 15;
}
.footer-img::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  display: block;
  padding: 15px;
  border-radius: 50%;
  background: gray;
  z-index: -1;
}

[IninsaY]

Natalia ivanova, я проклят... На кодпене работает, в Sublime - нет...