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> anchor ，包括 fancybox(导航箭头) anchor 。

试着把它改成类似的东西

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

或者以父类为目标

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

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