divにハイパーリンクを追加するには？

Question

私は私のウェブサイトの上部にあるバナーを入れていると私は次のように全体のdivにハイパーリンクを追加しようとしました：

<div id="banner" onclick="location.href='http://www.heavenlygardens.org.uk/';" style="cursor: pointer;"> 

それは動作しませんが、あなたはここでそれを見ることができます：http://www.heavenlygardens.org.uk/maps/6/index3_new.html

アイデア期待される結果を達成するために

Answer 1

、Zインデックス使用してオプション

1.Stackバナーフロントの下に使用します。これは、私の作品9999

<div id="banner" onclick="location.href='http://www.heavenlygardens.org.uk/';" style="cursor: pointer;z-index:9999"> 

Answer 2

を：

<div onclick="location.href='http://www.google.com/';" style="cursor:pointer;"> 
    <img src="//path-to-image.jpg" alt="description of image" /> 
</div> 

ただし、しない限り、 JavaScriptでこれを行うのは正当な理由があるため、プレーンなHTMLが良い選択肢になります。

<a href="http://www.google.com"> 
    <img src="//path-to-image" alt="description of image"/> 
</a>