无法使用超链接在图像上显示文本

Question

我试图在html中显示图像上的文字，并使图像成为超链接。没有超链接，它可以工作：

（＆＃34; Description . . .＆＃34;是我想要展示的文字）

这里是html代码：

<div>
    <img u="image" src="img/photography/003.jpg"/>
    <h2><span>Description . . .</span></h2>
</div>

但是，当我将图像作为某个网站的超链接时，文本消失了：

<div>
    <a href="https://www.google.com"><img u="image" src="img/photography/003.jpg"/></a>
    <h2><span>Description . . .</span></h2>
</div>

为什么会这样？

Answer 1

试试这个:(使文字绝对定位）

<div>
    <a href="https://www.google.com"><img u="image" src="http://i.stack.imgur.com/tRrs8.png"/></a>
    <h2 style="position: absolute; top: 20px; left: 10px;"><span>hghghghghg . . .</span></h2>
</div>