Чистый HTML/CSS решение для создания всего фона тела интерактивного

Question

Я хотел бы иметь весь этот DIV (который занимает фон страницы), чтобы быть полностью интерактивными,

<div style="position: fixed; top:0px; left:0px; z-index: -1; background: url() center center no-repeat; width: 100%; height:100%;"> 
    <a href='http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-8.jpg' target='_blank' style="display:block; width: 100%; height: 100%;"> 
    <img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-8.jpg"> 
    </a> 
</div> 

У меня есть это право на начало тела, и это дает фон всему документу, но он полностью не кликабелен, несмотря на то, что он дает в display:block наряду с полной шириной и высотой.

есть ли для этого решение html/css?

Answer 1

HTML

<a href="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-8.jpg">Hello world!!!</a> 

CSS

a { 
background: url(http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-8.jpg) center center no-repeat; 
cursor: pointer; 
display: block; 
height:100vh; 
}