Не удается показать текст на изображении с гиперссылкой

Question

Я пытаюсь показать текст на изображении в html и сделать изображение гипер ссылкой. Без гипер ссылки, он работает:

(«Description . . .» является текст, который я хочу показать)

Вот код для этого:

<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>