Могу ли я добавить изображение поверх <div>без добавления каких-либо тегов HTML? - PullRequest
Новая
       28

Могу ли я добавить изображение поверх <div>без добавления каких-либо тегов HTML?

0 голосов
/ 22 августа 2011

Допустим, у нас есть 

<div class="picture"><img class="picture_thumb" src="path" /> </div>

И я хотел бы использовать CSS, чтобы добавить изображение z-index выше к .picture (это в основном значок увеличительного стекла, поэтому я могу видеть его поверх .picture_thumb)

Есть шанс?

Большое спасибо

PD: это было бы как бы вместо фона, Front-ground -РЕДАКТИРОВАТЬ- Изображение, чтобы вы могли лучше понять enter image description here

1 Ответ

2 голосов
/ 22 августа 2011

Нет такого понятия, как передний план.

Вы должны сделать что-то вроде этого: 

<div class="picture">
  <img src="images/picture.jpg" alt="Picture" />
  <img class="magnifier" src="images/magnifier.jpg" alt="Maginfy" />
</div>

.picture {
  position: relative;
  width: 100px;
  height: 100px;
}

.magnifier {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
}

Вы также можете сделать это с помощью javascript, если вы не хотите добавлять увеличительное изображение к каждому разделу изображения.

...