1

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

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

这是悬停无法正常工作的站点

这是工作的jsfiddle

编辑

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

4

5 回答 5

2

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

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

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

不工作小提琴的演示

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

在此处输入图像描述

于 2013-07-25T11:18:26.920 回答
0

试试这个

a:hover, #tabs li a:hover {
    color: #FFF;
    text-decoration: none;
}
于 2013-07-25T11:14:02.053 回答
0

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

于 2013-07-25T11:15:54.433 回答
0

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

a & a:hover 没有区别

更改 a:hover 中的某些内容

于 2013-07-25T11:20:42.540 回答
0

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

#tabs li:hover {
    cursor: pointer;
}

你也可以这样做:

#tabs li a,
#tabs li:hover,
#tabs li a:hover {
    cursor: pointer;
}
于 2013-07-25T11:25:14.350 回答