突出显示html中的任意元素

Question

我正在开发一个桌面软件应用程序，用于查找网页中的错误，并可以在浏览器中突出显示它们。突出显示的区域有点武断。它们可以是p标签中的一个单词，整个标签或img。

过去我通过重写html并在突出显示的区域周围添加样式化的span标签来完成此操作。不利的一面是，亮点往往会被模糊。例如，在图像中，div的大小与其大小完全没有溢出，任何应用的边框，背景等都将被遮挡。

最好的方法是什么？在流行的软件/网络应用程序中是否有任何好的例子？

限制：我不能使用JS（文件是本地的，浏览器经常阻止这个）。但是我可以使用最新的标准。输出不必验证，只要它适用于常见的现代浏览器。

Answer 1

由于无法使用背景颜色和边框，我认为您需要在有问题的元素或文本之上放置一些内容。也许您可以使用具有部分透明背景的绝对或固定位置<div>元素。

当然，获取坐标可能会变得棘手。但是你可以使用你曾经使用的与span相同的东西，并在其中添加一些虚拟元素，以欺骗它认为0,0正好在你的span元素所在的位置。