悬停不正常

Question

当我将一些必要的代码复制到jsfiddle时，它可以正常工作，但它在我的网站上无效。

当我悬停在那里时，Our Rooms, Our Gems这样的标签菜单的关键问题并不完美。

this is the site in which hover is not working correctly

this is working jsfiddle

修改

我认为主要问题很难理解。所以我给了一个提示。只需使用#tabs li a更改height: 200px;，然后您就会看到指针没有悬停在文本上但位于文本下方。

Answer 1

我假设您需要整个标签上的指针，因此您需要在line 1877

中的template.css上修改您的类

#tabs li a {
    color: #E79D34;
    display: block;
    font: 20px/50px calibri;
    height: 100%;
    text-decoration: none;
}

它适用于您的小提琴，因为CSS未规范化，在您的网站中，CSS已标准化。

Demo不工作的小提琴

问题是您的h1代码是否为logo，它与您的标签重叠

Answer 2

试试这个

a:hover, #tabs li a:hover {
    color: #FFF;
    text-decoration: none;
}

Answer 3

在您的代码中，有些内容会覆盖您的:hover。在您尝试修复之后，它是!important关键字或:hover的其他定义。检查您的代码或尝试在悬停块中使用!important。

Answer 4

怎么把  你做了 一个 {文字装饰：无; } 答：悬停 {文字装饰：无; }

a＆amp; ：悬停

更改：hover

中的内容

Answer 5

将此添加到您的样式中，这将起作用

#tabs li:hover {
    cursor: pointer;
}

你也可以这样做：

#tabs li a,
#tabs li:hover,
#tabs li a:hover {
    cursor: pointer;
}