1

我想我知道这个问题的答案，但只是认为可能有一些天才知道如何做到这一点......

基本上，我正在制作一种网站编辑器，如果我可以复制 Firebug 和 Chrome 控制台突出显示元素的方式，当您将鼠标悬停在这些检查器的 html/元素选项卡中的代码上时，这将非常方便......

它不是我可以用背景效果做的，因为它不会突出显示整个 Div（内容显示在突出显示的上方）而且我认为无论如何都不会在所有内容的顶部制作一个 div 叠加层，但它没有阻止鼠标悬停在底层元素上...

有人有什么想法吗？是否有任何浏览器特定的代码可以实现这种事情？

4

2 回答 2

0

一般来说，Firefox 扩展主要是 JavaScript。由于 Firebug 是 BSD 许可的，因此您可以在其项目站点上浏览其源代码。也许您会找到相关代码并了解如何解决您的特定任务。

于 2012-12-05T20:34:31.913 回答
0

您可以在鼠标悬停时在 CSS 中添加一个outline- 这将突出显示元素而不改变其位置，因为outline不会影响布局。Abox-shadow也可以类似地工作。

事实上，在我看来，Firebugbox-shadow为元素添加了深蓝色以突出显示它们。

于 2012-12-05T20:55:36.630 回答