Html Изображение для изображения

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

источник

2009-07-02 Adrian Pirvulescu

Трудно ответить правильно, не зная точно, чего вы хотите достичь, 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 зависит от семантического valueof изображения, то есть они презентационное или actualy содержания страницы?

источник

2009-07-02 15:09:03 roryf

Мне нравятся все ответы ... но я принял это, потому что у него есть точный CSS, который я хотел :). Спасибо вам всем !!!!!!!!!!!!!!!!! –

Спасибо, хороший ответ – kobe

HTML недопустим без атрибутов 'alt' на изображениях. – tomasz86

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

источник

2009-07-02 15:05:49 Colin

Возможно, это был бы более быстрый способ, но вы также можете позиционировать одно из изображений абсолютно над другим. – Dan

@ Dan: да, если вы используете фоновое положение, хотя ваше изображение наложения имеет достаточно прозрачное пространство, окружающее его, чтобы изображение подкладки было видимым. – DisgruntledGoat

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

<img style="background:url(image.jpg)" src="overlay_image.gif" alt="" />

источник

2009-07-02 15:07:07 Weegee

overlay_image должен быть в атрибуте src, а не в фоновом правиле. Неудивительно, что фоновое правило определит фон ... – DisgruntledGoat

Ах, хороший улов, не думал, когда я это написал. Ред. – Weegee

Но оба будут иметь одинаковый размер ??? –

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

<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>

Надежда, что помогает.

источник

2011-11-17 19:05:19 sara

Очень «старый школьный» код. Не используйте это (кроме электронной почты HTML). – tomasz86

Html Изображение для изображения

ответ

Смежные вопросы