Z-индекс или порядок слоев

Question

Я работаю над этим Этот сайт

Большинство из них на месте, за исключением собаки."Товары для животных" Как вы можете видеть, он сидит под графикой с забором.Таким образом, наложение цвета проходит.В идеале мне нужно, чтобы собака сидела над этим слоем.

Любые предложения о том, как мне этого добиться?

Заранее спасибо.

Answer 1

Добавьте следующее свойство собаке:

position: relative;

Только позиционированные элементы соответствуют правилам z-index (Если z-index не определен, порядок слоя определяется фактическим порядком элементов на странице).

Answer 2

Вам нужно установить position отличным от static (значение по умолчанию), чтобы z-index работал.

Попробуйте это:

.petfriendly {
  float: right;
  margin-right: 20px;
  margin-top: -130px;
  position: relative; // added
}

Answer 3

изменить свой CSS для класса в изображении до

.petfriendly{
    float: right;
    left: 834px;
    margin-right: 20px;
    margin-top: -130px;
    position: absolute;
}

, поместив изображение, оно будет расположено сверху.