html - 悬停无法正常工作

Question

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

Our Rooms, Our Gems当我将鼠标悬停在那里时，我与 Tab 菜单类似的关键问题无法正常工作。

编辑

我认为主要问题很难理解。所以我给个提示。只需更改#tabs li a，height: 200px;然后您会看到指针不是悬停在文本上，而是悬停在文本下方。

score 2 · Accepted Answer

我假设您想要整个选项卡上的指针，因此您需要像这样修改您的line 1877类template.css

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

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

不工作小提琴的演示

问题是您的h1标签有类logo，它与您的标签重叠

在此处输入图像描述

score 0 · Accepted Answer

0

试试这个

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

于 2013-07-25T11:14:02.053 回答

score 0 · Accepted Answer

在您的代码中有一些东西会覆盖您的:hover. 它是关键字或您尝试修复的关键字之后的!important另一个定义。:hover查看您的代码或尝试!important在悬停的块中使用。

score 0 · Accepted Answer

因为你做了一个{text-decoration:none; } a:hover {文本装饰：无；}

a & a:hover 没有区别

更改 a:hover 中的某些内容

score 0 · Accepted Answer

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

#tabs li:hover {
    cursor: pointer;
}

你也可以这样做：

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

5 回答 5