Вопрос по html, css, image – HTML изображение над изображением

14

Может кто-нибудь сказать мне, как я могу добавить изображение поверх другого изображения без использованияZ-index или жеZ-order?

Ваш Ответ

4   ответа
29

Трудно ответить правильно, не зная точно, чего вы хотите достичь, z-index, вероятно, не то, что вам действительно нужно. Например, следующее будет работать:

<div id="container">
    <img src="img1.jpg" id="img1" />
    <img src="img2.jpg" id="img2" />
</div>

#container {
    position:relative;
}

#img2 {
    position: absolute;
    left: 50px;
    top: 50px;
}

Также используете ли вы<img> теги илиbackground-images зависит от семантической ценности изображений, то есть они являются презентационным или действительно содержанием страницы?

Error: User Rate Limit ExceededaltError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Adrian Pirvulescu
Error: User Rate Limit Exceeded
0

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

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
  <TR>
    <TD WIDTH="221" HEIGHT="300" BACKGROUND="samplepic.jpg" VALIGN="bottom">
      <FONT SIZE="+1" COLOR="yellow">Sample Text</FONT>
    </TD
  </TR>
</TABLE>

Надеюсь, это поможет.

Error: User Rate Limit Exceeded
5

Установите фоновое изображение основного изображения в CSS с помощьюbackground-image имущество

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
11

Самый простой способ - убедиться, что они имеют одинаковый размер, прозрачность, и вы используете этот фрагмент:

<img style="background:url(image.jpg)" src="overlay_image.gif" alt="" />
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded

Похожие вопросы