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

Question

我在我正在建造的网站上安装了一个不受干扰的Fancybox 2版本 - 除了悬停在上一个，下一个和关闭区域之外，它们都能正常工作，图像上方会出现黑色背景。

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

您可以看到页面here

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

我在其他网站上使用过此版本并且没有遇到此问题，因此无法查看问题所在。

任何帮助都非常感激。

Answer 1

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

黑色区域实际上是fancybox中的一个链接，可以移动到图库的下一个/ prev元素并变为黑色，因为你的style.css文件中有这个CSS规则（第25行）：

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

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

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

或

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