悬停工作不正常

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

当我悬停在那里时，我的关键问题是像Our Rooms, Our Gems这样的标签菜单不能正常工作。

编辑

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

悬停上应该发生什么？ – Paddyd

悬停在网站和小提琴中都不会改变任何东西。我看到'text-decoration：none'？ –

@Paddyd全文并没有得到翱翔 –

我认为你要整个选项卡上的指针，所以你需要修改你的类像这样的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，它是重叠的标签

enter image description here

2013-07-25 11:18:26

@ C-Link你想在悬停时发生什么，我看到的唯一区别是在小提琴和实际网站上的指针 –

@ C-Link是的，所以我已经解决了这个问题，并且我很确定 –

@ C-Link它完全适用于我:)只是改变我告诉你的代码，只需在源代码中完全替换它 –

试试这个

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

2013-07-25 11:14:02 nstCactus

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

2013-07-25 11:15:54

堂妹所做一个 {文字装饰：没有; } a：hover {text-decoration：none; }

有一个&没有区别答：悬停

改变的东西在：悬停

2013-07-25 11:20:42 atal

添加到您的风格，这将工作

#tabs li:hover { 
    cursor: pointer; 
}

，你也可以做它这样：

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

2013-07-25 11:25:14

您是否了解我的问题？ –

回答