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

Jquery Fancybox导航箭头和关闭按钮没有透明悬停,jquery,css,wordpress,fancybox,fancybox-2,Jquery,Css,Wordpress,Fancybox,Fancybox 2,使用wordpress中的fancybox 2.1.5,当我将鼠标悬停在图片的左侧或右侧时,我总是得到一个灰色覆盖层,而不是常规的透明覆盖层 谁能看看,出了什么问题 (只需单击任何图片)通常,将css规则设置为全局元素不是一个好主意,而是使用特殊性 在文件的第62行中有此css规则: 该规则影响所有锚,包括fancybox(导航箭头)锚 试着把它改成 a.myclass { color: #DCDAD5; text-decoration: none; } 或者以父母为目标 #

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

谁能看看,出了什么问题


(只需单击任何图片)

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

在文件的第62行中有此css规则:

该规则影响所有
锚,包括fancybox(导航箭头)锚

试着把它改成

a.myclass {
    color: #DCDAD5;
    text-decoration: none;
}
或者以父母为目标

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

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

这是一个很好的建议。可悲的是,我继承了这种风格,但在这之后,我肯定学会了永远不要这样做。原来问题不在于文本装饰,而是a:hover的背景属性清除了fancybox悬停的透明属性(该属性未定义,因此wordpress的主题已覆盖其样式)。
#parent a {
    color: #DCDAD5;
    text-decoration: none;
}