изображение над текстом

Question

Здесь я использую 3 изображения, мне нужно текст на 3-й изображение ..
мой код:

<div style="position: relative; left: 0; top: 0;"> 
    <img src="Images/img1.png" style="position: relative; top: 0; left: 0;" /> 
    <img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" /> 
    <img src="Images/img3.png" style="position: absolute; top: 0px; left:720px;" /> 
    <div style="position:relative;top: 0px; left:720px;"> 
     Home<br /> 
     contact<br /> 
    </div> 
</div> 

Answer 1

ли вы пытаетесь поместить текст div в положении absolute? Это внутри relativediv ...

<div style="position: relative; left: 0; top: 0;"> 
    <img src="Images/img1.png" style="position: relative; top: 0; left: 0;" /> 
    <img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" /> 
    <img src="Images/img3.png" style="position: absolute; top: 0px; left:720px;" /> 
    <div style="position:absolute;top: 0px; left:720px;"> 
     Home<br /> 
     contact<br /> 
    </div> 
</div> 

Answer 2

Основные изменения InstEd из relative использования absolute как этот

<div style="position:absolute;top: 0px; left:720px;"> 
          Home<br /> 
          contact<br /> 
</div> 

Относительное позиционирование - Относительный позиционированный элемент расположен относительно его нормального положения.

Абсолютное позиционирование - Элемент абсолютного положения позиционируется относительно первого родительского элемента, который имеет положение, отличное от статического.

Проверить для получения более подробной информации: CSS Positioning

Answer 3

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