Подтвердить что ты не робот

Текст накладывается на изображение с помощью относительного позиционирования

Я хочу расположить текст поверх изображения. Ниже приведен мой используемый код:

<td width="10%">
  <img src="tempballoon.png" alt="balloon" style="z-index: -1" />
  <div style="position:relative;left:30px;top:-75px;font-size: 32px;display: none">
    Test
  </div>
</td>

Ответ 1

Вы хотите position: absolute и контейнер relative:

<td width="10%" style="position: relative;">
    <img src="tempballoon.png" alt="balloon"  style="z-index: -1"/>
    <div style="position:absolute;left:0px;top:0px;font-size: 32px;display: none">
      Test
    </div>
</td>

Ответ 2

Почему бы не установить div внутри TD, установите изображение на задний план div и отбросьте текст в div?

<td width="10%">
 <div style="background: transparent url("tempballoon.png") no-repeat left top; font-size: 32px;width: 100%; height: height:[height of image]">
  Test
 </div>
</td>