Firebug Lite的Chrome破坏悬停效果和鼠标悬停事件 [英] Firebug Lite for Chrome spoils hover effect and mouseover event

问题描述

我有一个奇怪的问题：当使用

我有： div 像这样：

 < div class =editWindow> 
< ul> 
< li id =edChaonclick =channels.add（）> 
Редактироватьканал
< / li> 
< li id =delChaonclick =channels.chanLink（）> 
Подключитьклиента
< / li> 
< / ul> 
< / div> 
  

和此CSS：

  .editWindow li：hover，.chooseAction li：hover {
 background：＃369; 
颜色：白色
 cursor：pointer; 
} 
  

看起来像这样，当我第一次打开页面，然后激活Firebug ：

但是如果我先激活Firebug然后打开这个页面，悬停就不工作。我看到在Firebug控制台没有错误，没有悬停效果，像这样（鼠标指针在那里，相信我）：

我有这个问题只有在Chrome Firefox工作良好），在Win7和Linux（Mint 14）。

原因是什么？
$ b

使用强制元素状态 - >

编辑2

我已将 onmouseover =alert（'test'）;添加到这些 li 元素。在第二种情况下， alert 甚至不被调用！

解决方案

这可能不是您实际需要的，但如果您使用常用的Chrome 开发人员工具而不是Firebug for Chtome，您可以强制元素具有特定状态。只需右键单击元素树中的元素，然后选择强制元素状态菜单项中的任何状态。非常有用的修改CSS。 IMHO最好在Chrome中使用本机工具，虽然Firebug可以更有用。

I've got a weird issue: when using Firebug Lite for Chrome, sometimes hover does not work.

What I've got: a div like this:

<div class="editWindow">
    <ul>
        <li id="edCha" onclick="channels.add()">
            Редактировать канал
        </li>
        <li id="delCha" onclick="channels.chanLink()">
            Подключить клиента
        </li>
    </ul>
</div>

and this CSS:

.editWindow li:hover, .chooseAction li:hover {
    background: #369;
    color: white;
    cursor: pointer;
}

It all looks like this, when I first open the page and then activate Firebug:

But if I first activate Firebug and then open this page, hover just doesn't work. I see no error in the Firebug console, and no hover effect, like this (the mouse pointer is there, believe me):

I've got this issue only in Chrome (Firefox works well), both on Win7 and on Linux (Mint 14).

What can the cause be? I'm confused.

edit

When using Force element state -> :hover in the dev-tools menu, the hover style works.

edit 2

I've added onmouseover="alert('test');" to one of these li elements. In the second case, alert is not even being called!

解决方案

This might be not what you actually need, but if you use usual Chrome Developer Tools instead of Firebug for Chtome you can force an element to have a certain state. Just right-click on element in elements tree and choose any state in Force Element State menu item. Very useful for modifying CSS. IMHO it is better to use native tools in Chrome, albeit Firebug can be more useful.

这篇关于Firebug Lite的Chrome破坏悬停效果和鼠标悬停事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！