"a href“标记不会以JQuery动画结束

Question

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

你可以在这里看到问题：

http://www.findyourgeek.com

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

现在，如果你将鼠标移到它的正下方，它显示“热门新闻”，你会看到你可以点击它，就像上面的当前活动链接一样。

我已经检查了我的源码，我所有的a href标签都被正确地关闭了，所以我真的很困惑。

有什么想法吗？

Answer 1

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

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

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;
}