[解決済み] span with onclick event inside the tag

質問

サンプルコード

<a href="page" style="text-decoration:none;display:block;">
    <span onclick="hide()">Hide me</span>
</a>

から a タグがスパンの上にあるため、クリックすることができません。試しに z-index しかし、それは機能しませんでした

解決方法は？

<a href="http://the.url.com/page.html">
    <span onclick="hide(); return false">Hide me</span>
</a>

これは最も簡単な解決策です。