css导致超链接无法正常工作

Question

我有一个网站，我一直在努力，除了我的活动注册的一些超链接，所有页面都正常工作。页面上的第一个链接可以工作，然后下一个链接不会。我创建了一个除了两个链接之外没有任何其他内容的测试页面，并且发生了同样的问题。它必须是CSS的东西，因为如果我使用不与我的CSS绑定的空白母版页，那么链接可以工作。但是，我的网站其余部分没有问题，我只有一个母版页和一个CSS。这是该页面的链接。如果有人能告诉我这是什么问题，我会非常感激。我在Chrome和IE中遇到了同样的问题。浏览器似乎并不重要。

http://www.wmmpa.com/NewsEvents/event_regtest.aspx

Answer 1

您有一个absolute positioned元素覆盖链接：

<span class="shadow-bottom"></span>

相关CSS：

#footer span.shadow-bottom {
    background: url(images/main-shadow-bottom.png) repeat-x 0 0;
    top: -46px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 46px;
    z-index: 20;
    display: block;
}

修改<span>的位置，使其与链接不重叠，你就可以了。

Answer 2

你的#footer span.shadow-bottom设置在顶部：-47px，这使得它位于你的链接之上。我可能会建议在主要内容中添加填充或向页脚添加上边距。