1

I have a website that I have been working on and all the pages are working fine except for some hyperlinks on my event registration. The first link on the page would work and then the next one would not. I created a test page that didn't have anything else on it except for the two links and the same problem happened. It has to be something with the CSS because if I use a blank master page that doesn't tie to my CSS then the links work. However, I don't have trouble with the rest of my site and I only have one master page and one CSS. Here is a link to the page. If someone can tell me what the problem, I would greatly appreciate it. I have the same issue in Chrome and IE. Browser doesn't seem to matter.

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

4

2 回答 2

2

您有一个覆盖链接的绝对定位元素：

<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>的位置，使其不与链接重叠，您就可以开始了。

于 2013-09-28T20:59:52.537 回答
0

您的 #footer span.shadow-bottom 设置为 top top:-47px ，这导致它位于您的链接顶部。我可能会建议在您的主要内容中添加填充或在页脚中添加上边距。

于 2013-09-28T21:01:35.330 回答