“a href”标签没有关闭JQuery动画

Question

不确定如何描述这一点，我不能包含任何代码，因为它太多了。

你可以在这里看到问题：

http://www.findyourgeek.com

如果你看左侧，你会看到通过JQuery滚动的标题项目。

现在，如果你将鼠标移到它的正下方，它会显示“Top Stories”，你会看到你可以点击它，好像它是上面的当前活动链接。

我已经检查了我的来源，我的所有href标签都已正确关闭，所以我真的很茫然。

有什么想法吗？

Answer 1

幻灯片链接中包含的图像比它们所容纳的容器大。根据Chrome，图像为620x349像素，而容器为569x322像素。这些链接基本上是从容器中溢出来的。

将overflow:hidden应用于div#headlines。您可能还需要重新设置一些内部元素。另一种解决方案是调整图像大小。

Answer 2

将overflow:hidden应用于您的#content #headlines .headlineImage样式规则。

home.css第96行

#content #headlines .headlineImage
{
    position:absolute;
    width:565px;
    height:318px;
    border:2px solid #606060;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
}

应该是

#content #headlines .headlineImage
{
    position:absolute;
    width:565px;
    height:318px;
    border:2px solid #606060;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    overflow:hidden;
}