@a_pussycan
Начинающий веб-программист

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

вот исходник, как это должно выглядеть 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>
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
  • @Froggyweb
    Z-index работает только если элементу указан position: relative или absolute
    классу photo z-index можно не давать он абсолютно лишний.

    width: 216px
    height: 117px
    таких магических чисел лучше избегать
    Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы