导航栏元素未激活? (链接不起作用)

时间:2014-03-21 15:56:39

标签: html css wordpress

我试图在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

1 个答案:

答案 0 :(得分:0)

  

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

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

示例

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