动态组合图像和文本，使整个div作为超链接

Question

价值数千字的图片：

问题：

如何布局图像和文本，使它们可以作为一个整体作为锚点？

Answer 1

制作你的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";
});

Answer 2

使用position: relative为图像和文本创建父元素。它的每个孩子应该是position: absolute，左/右适当的顶部/底部可以按照你想要的方式排列。