jquery - Fancybox 导航箭头和关闭按钮没有透明悬停

Question

在 wordpress 中使用 fancybox 2.1.5，当我将鼠标悬停在图片的左侧或右侧时，我总是得到一个灰色的叠加层，而不是常规的透明叠加层。

有人可以看看，出了什么问题？

http://homesweet.homelinux.org/wordpress/index.php/2013/09/06/mindennapok-25/ （只需点击任何图片）

Answer 1

通常，将 css 规则设置为全局元素并不是一个好主意，而是使用特异性。

您在style.css文件的第 62 行中有此 css 规则：

a {
    color: #DCDAD5;
    text-decoration: none;
}

该规则影响所有<a>锚点，包括花式框（导航箭头）锚点。

尝试将其更改为类似

a.myclass {
    color: #DCDAD5;
    text-decoration: none;
}

或以父母为目标

#parent a {
    color: #DCDAD5;
    text-decoration: none;
}

所以它只会影响它应该影响的元素。