Fancybox 错误：上一个和下一个区域悬停时背景为黑色

我在我正在构建的网站上安装了 Fancybox 2 的未受干扰版本 - 除了将鼠标悬停在上一个、下一个和附近区域时图像上会出现黑色背景之外，一切正常。

我对标准 Fancybox 所做的唯一修改是淡入速度控制等

就可以看到页面了here http://www.alexandermicklewright.com/pictures/

如果您单击任何图像，则将鼠标悬停在下一个/上一个/关闭按钮上时您会看到问题。

我在另一个网站上使用过这个，没有遇到这个问题，所以看不出问题是什么。

非常感谢任何帮助。

嗯，这不是 fancybox 错误，而是用户生成的行为。

该黑色区域实际上是 fancybox 中的一个链接，用于移动到图库的下一个/上一个元素并变成黑色，因为您的 CSS 规则（第 25 行）样式.css http://www.alexandermicklewright.com/_css/style.css file :

a:link {
    color: #000000;
    text-decoration: none;
}

一般来说，将通用 CSS 规则应用于标签元素并不是一个好主意，因为它们会影响整个网站（就像在本例中一样），请使用特异性，例如：

#parent_container a:link {
    color: #000000;
    text-decoration: none;
}

or

a.this_class:link {
    color: #000000;
    text-decoration: none;
}