html - 导航栏元素未激活？ (链接不工作)

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;}

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

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

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

更新:适用于 IE，但不适用于 Chrome...wtf

Answer 1

"I think it's behind something...not sure"

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

示例

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