Javascript 悬停比赛获胜'；不要在firefox中开火

下面的代码显示了一个封装在div中的禁用文本框，该文本框附带jqueryui工具提示。当鼠标悬停在文本框（或者更准确地说，是文本框覆盖的div）上时，jQuery工具提示将在Chrome、Safari和IE中正确显示，但在Firefox（28.0）中不会显示。有人能解释一下这种行为并提供解决方案吗？我知道事件通常不会在禁用的元素上激发，所以这就是它绑定到包装div的原因

HTML:

---

您是正确的，禁用的元素不会触发jQuery鼠标事件，因此，您的工具提示仍然不会触发

如果你将鼠标悬停在文本框右侧的小绿条上，它就会开火。解决这个问题的一个方法是将文本框移到其容器后面

input[disabled]
{
    z-index: -1;
}

显然，这有一个限制，即如果你想看到元素，背景必须是透明的，但是，它在firefox中确实可以工作

---

您是正确的，禁用的元素不会触发jQuery鼠标事件，因此，您的工具提示仍然不会触发

如果你将鼠标悬停在文本框右侧的小绿条上，它就会开火。解决这个问题的一个方法是将文本框移到其容器后面

input[disabled]
{
    z-index: -1;
}

显然，这有一个限制，即如果你想看到元素，背景必须是透明的，但是，它在firefox中确实可以工作

解决方案：

在firefox地址栏中键入about:config，然后按enter键搜索下面的选项browser.chrome.toolbar\u tips并切换它。 转到“about:config”并将“browser.chrome.toolbar\u tips”切换为“true”

拉胡尔解决方案：

在firefox地址栏中键入about:config，然后按enter键搜索下面的选项browser.chrome.toolbar\u tips并切换它。 转到“about:config”并将“browser.chrome.toolbar\u tips”切换为“true”

---

拉胡尔

我发现了一个窍门。您可以使用

显示：内联块和
背景：透明
并添加技巧，即
填充：2px
到
#container
分区，它将按照您想要的方式工作；）

我发现了一个窍门。您可以使用
显示：内联块和
背景：透明
并添加技巧，即
填充：2px
到
#container
分区，它将按照您想要的方式工作；）

我把你的答案改为“一个希望”如何？这可以解决你的问题。我把你的答案改为“一个希望”如何？这可以解决你的问题。
input[disabled]
{
    z-index: -1;
}