当我将一些必要的代码复制到jsfiddle
它时,它可以正常工作,但它在我的网站上不起作用。
Our Rooms, Our Gems
当我将鼠标悬停在那里时,我与 Tab 菜单类似的关键问题无法正常工作。
编辑
我认为主要问题很难理解。所以我给个提示。只需更改#tabs li a
,height: 200px;
然后您会看到指针不是悬停在文本上,而是悬停在文本下方。
当我将一些必要的代码复制到jsfiddle
它时,它可以正常工作,但它在我的网站上不起作用。
Our Rooms, Our Gems
当我将鼠标悬停在那里时,我与 Tab 菜单类似的关键问题无法正常工作。
编辑
我认为主要问题很难理解。所以我给个提示。只需更改#tabs li a
,height: 200px;
然后您会看到指针不是悬停在文本上,而是悬停在文本下方。
我假设您想要整个选项卡上的指针,因此您需要像这样修改您的line 1877
类template.css
#tabs li a {
color: #E79D34;
display: block;
font: 20px/50px calibri;
height: 100%;
text-decoration: none;
}
它适用于您的小提琴,因为 CSS 未标准化,在您的网站中,CSS 已标准化。
不工作小提琴的演示
问题是您的h1
标签有类logo
,它与您的标签重叠
试试这个
a:hover, #tabs li a:hover {
color: #FFF;
text-decoration: none;
}
在您的代码中有一些东西会覆盖您的:hover
. 它是关键字或您尝试修复的关键字之后的!important
另一个定义。:hover
查看您的代码或尝试!important
在悬停的块中使用。
因为你做了一个{text-decoration:none; } a:hover {文本装饰:无;}
a & a:hover 没有区别
更改 a:hover 中的某些内容
将此添加到您的样式中,这将起作用
#tabs li:hover {
cursor: pointer;
}
你也可以这样做:
#tabs li a,
#tabs li:hover,
#tabs li a:hover {
cursor: pointer;
}