Нету фона при налегании одного блока на другой, как исправить?

Question

[Андрей Пушкин]

вот исходник, как это должно выглядеть skrinshoter.ru/s/060518/dZdvaQXr?a и вот как это получилось у меня skrinshoter.ru/s/060518/khaBeiKI?a специально фон выделил другим цветом, что было наглядно, при том что я делал margin еще больше, -100 делал, проблема не ушла

Соответственно сам код

.mainb6
    display: flex
    justify-content: space-around
    .person
      .photo
        z-index: 1
      .label
        background-color: black
        width: 216px
        height: 117px
        text-align: center
        margin: -30px auto
        padding: 25px 37px
        box-sizing: border-box
        z-index: 2
        font-family: Gotham, serif
        font-weight: 500
        .name
          color: #11749e
          font-size: 1.25em
          line-height: 1.2
        .profession
          color:  #000000
          font-size: 0.938em
          line-height: 1.6

КОД HTML

<div class="person">
          <div class="photo"><img src="img/Layer94.png" alt="img"></div>
          <div class="label">
            <div class="name">LADY SANSA</div>
            <div class="profession">Photographer</div>
          </div>
        </div>

Answer 1

[Froggyweb]

Z-index работает только если элементу указан position: relative или absolute
классу photo z-index можно не давать он абсолютно лишний.

width: 216px
height: 117px
таких магических чисел лучше избегать

Comments

[Андрей Пушкин]

Спасибо, выручил!

[djnick]

Z-index работает только если элементу указан position: relative или absolute

не знал) Хотя и ситуаций таких не было.. Обычно всегда указываю relative блоку, если буду потом позиционировать дочерний...

[Froggyweb]

djnick, Еще fixed, но в данном случае мало применимо, + opacity создает свой контент

Answer 2

[djnick]

Может быть z-index или позиционирование использовать?
то есть селектор с label поставить z-index выше, чем селектору photo

Хотя вижу, что же стоит z-index...

Код html в студию вместе с css

Comments

[Андрей Пушкин]

z-index присутствует

[djnick]

Html кусок вместе с css

[Андрей Пушкин]

в шапке
djnick,

[djnick]

position: relative блоку photo

дальше можно position задавать уже labael