认为我知道这个问题的答案，但只是认为可能有一些天才知道这样做的方法......
基本上，我正在制作一个网站编辑器之类的东西，如果我能复制Firebug和Chrome控制台突出显示元素的方式，当您将鼠标悬停在这些检查器的html/元素选项卡中的代码上时，那将非常方便...
这不是我可以用背景效果做的事情，因为这不会突出显示整个 Div（内容显示在突出显示上方），而且我认为无论如何都不会在所有内容的顶部制作div 叠加，但它不会阻止鼠标悬停在底层元素上......
有人有什么想法吗？有没有浏览器特定的代码来实现这种事情？
一般来说，Firefox 扩展大多是 JavaScript。由于Firebug是BSD许可的，你可以在其项目网站上浏览它的源代码。也许您会找到相关的代码并了解如何解决您的特定任务。
您可以在
鼠标悬停时在CSS中添加一个outline - 这将突出显示元素而不更改其位置，因为outline不会影响布局。 box-shadow也将以类似的方式工作。
事实上，在我看来，Firebug 为元素添加了深蓝色box-shadow以突出它们。