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

时间:2013-09-08 23:43:13

标签: jquery css wordpress fancybox fancybox-2

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

有人可以看看,出了什么问题吗?

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

1 个答案:

答案 0 :(得分:2)

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

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

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

该规则会影响所有<a>个锚点,包括fancybox(导航箭头)锚点。

尝试将其更改为

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

或将父母定位为

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

因此它只会影响它应该的元素。