锚标记不起作用

时间:2013-11-08 08:15:00

标签: html css

这让我伤心了好几个小时。只是一个简单的Anchor标签无效。

<div id="navigator">
    <div class="show">
        <span><a href="?page_id=28">PORTFOLIO</a></span><span class="carat"></span>
    </div>
</div>

无论我在哪里尝试使用锚标记,它都无法正常工作

CSS是:

#navigator {
position: fixed;
top: 199px;
left: 0;
}

页面在这里.. http://myingage.com/?page_id=25

3 个答案:

答案 0 :(得分:4)

您的navigator位于页面后面

只需添加z-index: 1000(任何大于内容z-index的内容)或将导航代码移到内容代码后面

答案 1 :(得分:3)

在style.css中的z-index中添加#navigator

    #navigator {
        display: none;
        font-family: 'Titillium Web',sans-serif;
        left: 0;
        position: fixed;
        top: 199px;
        z-index: 100;
    }

答案 2 :(得分:1)

尝试提供更高的z指数 这对我有用。

#navigator {
position: fixed;
top: 199px;
left: 0;
z-index: 10001;
}