jquery - Fancybox错误: prev and next areas have black background on hover

Question

我在我正在构建的网站上安装了 Fancybox 2 的无干扰版本 - 除了将鼠标悬停在上一个、下一个和关闭区域时图像上方会出现黑色背景之外，一切都运行良好。

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

您可以看到页面here

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

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

非常感谢任何帮助。

Answer 1

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

那个黑色区域实际上是 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;
}