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

Question

我已经在我正在构建的站点上安装了 Fancybox 2 的不受干扰的版本 - 除了将鼠标悬停在上一个、下一个和关闭区域上时，它都可以正常工作，黑色背景出现在图像上。

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

你可以在这里看到页面

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

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

非常感谢任何帮助。

Answer 1

好吧，这不是花式错误，而是用户生成的行为。

该黑色区域实际上是 fancybox 中的一个链接，用于移动到画廊的下一个/上一个元素并变为黑色，因为您的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;
}