链接不会工作时使用位置:固定在tumblr

Question

我一直在尝试做一个自定义的tumblr主题，但每当我把一个链接在一个div有位置:固定，链接变得不可点击，并被视为正常文本。

这是链接不起作用的地方:

<div id="sidebar"><center>
    <p id="avap">
    <br><b>EARTH-BEETLE</b>
    <br><a href="earth-beetle.tumblr.com"><img src="{PortraitURL-64}" /></a>
    </p>  
      <a href="http://chickensmoothie.com">test link</a>
    </center></div>
</div>

css:

 #sidebar {
    background-color: white;
    width: 300px;
    height: 300px;
    position: fixed;
    top: 150px;
    left: 35px;
    border-style: solid;
    border-width: 2px;
    }
#tagp {
    background-color: #87DEBE;
    border-style: solid;
    border-width: 2px;
    position: fixed;
    top: 490px;
    left: 35px;
    border-color: #208560;
    width: 250px;
    height: 50px;
}
#avap {
    background-color: #87DEBE;
    width: 300px;
    height: 150px;
}

Answer 1

将z-index更改为5有效，谢谢!