Html 悬停不能正常工作

当我将一些必要的代码复制到

jsfiddle

时，它工作正常，但在我的网站中不起作用

我的主要问题是，当我停留在那里时，标签菜单，如

我们的房间，我们的Gems

不能完美工作

编辑

我认为主要问题很难理解。所以我给你一个暗示。只需更改高度为200px的标签LIA然后您将看到指针不是悬停在文本上方，而是在文本下方。

试试这个

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

---

在您的代码中有一些内容覆盖了您的

：hover

。它要么是一个

！重要的
关键字或
的其他定义：将
悬停在您尝试修复的定义之后。查看您的代码或尝试使用
！重要信息
在悬停块中。
我假设您希望在整个选项卡上有一个指针，因此您需要在
template.css中的
第1877行
中这样修改您的类

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

它在你的小提琴中工作，因为CSS没有标准化，在你的网站中，CSS是标准化的

不拉小提琴

问题是您的
h1
标签带有class
徽标，它与您的标签重叠

因为
你已经成功了
A.
{文本装饰：无；
}
a:悬停
{文本装饰：无；
}

a&a：悬停没有区别

在：悬停中更改某些内容将其添加到您的样式中，这将起作用

#tabs li:hover {
    cursor: pointer;
}

您也可以这样做：

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

hover上应该发生什么？hover不会改变网站和小提琴上的任何东西。我看到两个
文本装饰：无
？@Paddyd全文没有悬停在JSFIDLE中对我来说什么都没有发生……在JSFIDLE中，它悬停在所有文本上，但不在website@C-链接你希望在悬停时发生什么，我看到的唯一区别是小提琴中的指针和实际的指针website@C-链接它完全适用于我：）只需在我告诉你的地方更改代码，只需在source@C-链接这很奇怪，我用了firebug，我可以把指针指向整个tab@C-这里链接相同，等等，我来接screens@C-链接它的h1标签包含的标志是造成这个问题，因为它是重叠的标签，由于某种原因，我无法从firebug，如果你删除h1，它将工作得很好你明白我的问题吗？