Css Firebug Lite用于Chrome破坏悬停效果和鼠标悬停事件
我有一个奇怪的问题:当使用时,有时悬停不起作用 我得到的:像这样的Css Firebug Lite用于Chrome破坏悬停效果和鼠标悬停事件,css,google-chrome,hover,firebug,firebug-lite,Css,Google Chrome,Hover,Firebug,Firebug Lite,我有一个奇怪的问题:当使用时,有时悬停不起作用 我得到的:像这样的div: <div class="editWindow"> <ul> <li id="edCha" onclick="channels.add()"> Редактировать канал </li> <li id="delCha" onclick="channels.chanLink()">
div
:
<div class="editWindow">
<ul>
<li id="edCha" onclick="channels.add()">
Редактировать канал
</li>
<li id="delCha" onclick="channels.chanLink()">
Подключить клиента
</li>
</ul>
</div>
当我第一次打开页面,然后激活Firebug时,一切都是这样的:
但如果我先激活Firebug,然后打开这个页面,悬停就不起作用了。我在Firebug控制台中没有看到错误,也没有悬停效果,就像这样(相信我,鼠标指针就在那里):
我只在Chrome(Firefox运行良好)中遇到了这个问题,无论是在Win7上还是在Linux(Mint 14)上
原因可能是什么?我很困惑
编辑
在“开发工具”菜单中使用Force element state->:hover
时,悬停样式有效
编辑2
我已经将
onmouseover=“alert('test');”
添加到其中一个li
元素中。在第二种情况下,alert
甚至没有被调用 这可能不是您实际需要的,但是如果您使用常用的Chrome开发工具而不是Firebug for Chtome,您可以强制元素具有特定的状态。只需右键单击元素树中的元素,然后选择任意状态强制元素状态菜单项。对于修改CSS非常有用。我认为最好在Chrome中使用本机工具,尽管Firebug可能更有用。我曾经体验过,有时候,当开发者控制台在Chrome中打开时,hover不起作用。我不是说这会解决你的问题,只是想知道是否有任何解决方法/原因。重点可能是Firebug,而不是页面。@Rory O'Kane,谢谢你的编辑!我根本不使用chrome firebug,但它是一个bug,所以我必须修复它。好吧,我想firebug这样称呼有一个很好的理由:P。难道你不能退回到本地Chrome开发者工具来测试这个悬停问题,然后用Firebug来做其他事情吗?+1代表Firebug:)那不是我,我们公司的一些其他人使用它,他们希望我来解决它。(这实际上不是一个网站,而是我们的本地web应用程序)