Как мне настроить таблицу под размер ее фонового изображения?

Question

Мне нужно поместить текст поверх изображения, это точно так же, как изображение профиля в Facebook, где вы видите фотографию, и там написано, что нужно поменять изображение в правом верхнем углу вверху изображения.

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

EG: этот код получает только одну строчку моего изображения:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300px" valign="top" style="background-image: url(http://www.chusmix.com/Imagenes/grupos/lujan.jpg);">Your text here</td>
</tr>
</table>

Answer 1

Создайте Div Поместите img на него и создайте внутри него другой div, поместите его top:0; right:0 и поместите то, что вы хотите, чтобы оно было в верхнем правом углу изображения!и пульс будет меняться автоматически.Проверьте этот пример , который я сделал.