导航栏元素未激活？ （链接失效）

Question

我正在尝试在 wordpress 页面上创建带有链接的侧边栏。

截图： http://imgur.com/CgVJTS8

侧边栏的 HTML：

    <div class="right">
    <ul style="list-style-type:none;">
    <li><a href="#">About Us</a></li>
    <li><a href="#">Our Products</a></li>
    <li><a href="#">FAQs</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
   </ul>
    </div>

CSS：

.right{ position: absolute; top: 400px; right:980px; bottom: 80px;}

基本上它只是不将链接视为链接。就像元素被禁用一样。我所能做的就是看到元素。我认为它背后的东西......不确定。我玩过这个位置，如果我把它设为相对位置，我可以让它工作，但它会弄乱侧边栏的位置。

另外：我知道有更有效的方法可以做到这一点，但我是一名学生，对这个 wordpress 网站的管理面板的访问受到限制，所以我只是想尽我所能。

感谢您的任何建议/智慧！

更新：在 IE 中工作，但不能在 Chrome...wtf

Answer 1

“我认为它背后的东西......不确定”

尝试添加z-index: 1000;（或更高版本）和width: 400px;。
z-index 会将绝对元素移到其他元素之上。有点像层。

示例

.right {
    z-index: 1000;
    width: 400px;
}