объединяйте изображение и текст на лету и делайте целые элементы div как ссылку

Question

Картина стоит тысячи слов:

Вопрос:

Как расположить изображение и текст так, чтобы они могли работать как якорь в целом?

Answer 1

Создайте родительский элемент для изображения и текста, используя position: relative.Каждый из его дочерних элементов должен быть position: absolute, с соответствующим верхним / нижним левым / правым, чтобы расположить вещи так, как вы хотите.

Answer 2

сделать свой HTML

var varhtml="<div id="somid">// give background url as image
text goes here
</div>"

('#parentHtmlid').append(varhtml); or
('#parentHtmlid').html(varhtml); if you have place holder

$('#someid').live('click', function() { // as this id added at run time use live in document.ready//
   location.href="http://yoururl";
});