html - 无法点击的 href

Question

我在 wordpress 上有一个简单的博客 http://heather.stevenspiel.com/我正在尝试使页眉标题成为指向主页的链接。我进入 header.php 并为该部分重写了脚本，但仍然无法获得工作链接。

这是我重写的:

<h1>
   <a href="http://heather.stevenspiel.com/" style="cursor:pointer !important;">My Spiel</a>
  <br/>&nbsp;
</h1>

由于 css 颜色变化，我知道正在注册 href。

这是之前的代码:

    <h1>
        <?php
            if ($balloons_option['balloons_site-title_line1'] == '' && $balloons_option['balloons_site-title_line2'] == '') { ?>
            This is a<br />
            WordPress theme
        <?php } else {
            echo $balloons_option['balloons_site-title_line1']; ?><br />
            <?php echo $balloons_option['balloons_site-title_line2'];       
        } ?>
    </h1>

我最初尝试将 href 放在 h1 之外，但仍然没有成功。

是否有一些隐藏的 Wordpress 设置禁用了可点击的标题？或者是否有一些我应该注意的 javascript 正在禁用它？

我还应该注意到 header 的 css 包含一个 z-index。我在某处读到它可能会受到影响:

#header .content {
line-height: 18px;
margin: 0;
z-index: 4;
}

如果 z-index 正在影响它，那是为什么？

Answer 1

将 layout.css 的 第 37 行 上的 z-index 属性更改为

#header h1 {
position: relative;
z-index: 10; /* Was 2 */
}

你的 .entry (z-index:4) div 从上到下垂直覆盖你的 #header 更高的 z-index 比你的 h1 z-index (2)。所以你的 h1/Anchor 是不可点击的，因为它在另一个 div 下。