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

width: 216px
height: 117px
таких магических чисел лучше избегать
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@djnick
Может быть z-index или позиционирование использовать?
то есть селектор с label поставить z-index выше, чем селектору photo

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

Код html в студию вместе с css
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
от 60 000 до 90 000 руб.
от 70 000 до 120 000 руб.
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
20 авг. 2018, в 21:21
30000 руб./за проект
20 авг. 2018, в 20:46
5000 руб./за проект