0

我在一个新网站上工作，我是 CSS/HTML 的新手，我了解了 firebug 等，它对监视东西等非常有用。但是我遇到了一个问题，即查找自动完成上的项目发生了什么列表，问题是一旦我点击萤火虫，该项目就会消失，我看不到它是什么。

我已经搜索了几个小时，但找不到列表中发生的正确事情（是 javascript 吗？它是由 javascript 添加的新 css 类吗？我找不到！）

这是网址，因此您可以看到我的问题：已解决

在顶部栏有一个搜索字段。如果您输入一个字母，它将显示一个收到该字母的对象列表，但是如果您将鼠标悬停在该项目上，您会看到布局变得混乱（这是我要解决的问题）

任何有关我如何找出如何调试或问题可能是什么的帮助都会很棒。

4

3 回答 3

1

我之前遇到过这种情况，被迫将内联样式添加display: block到原本隐藏的元素中，所以我可以调试相关的 CSS。

当然，您需要在解决问题后将其删除。

于 2012-10-17T22:00:33.570 回答
1

Firebug（或实际上任何浏览器检查器工具，除了 IE）允许您伪造各种状态（悬停、焦点、活动），在 firebug 的右上角有一个小虚线矩形，单击它会显示状态，只需检查要应用状态的元素并选中该框。您可能需要对多个项目应用悬停来调试。

于 2012-10-17T22:02:54.300 回答
1

页面底部有一个 id为 ui-id-1的 ul 。用 Firebug 找到它并删除显示：none;。然后你输入一个字母，这样列表就会出现。现在您可以右键单击列表项进行调试。

于 2012-10-17T22:04:57.180 回答