突出显示 html 中的任意元素

Question

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

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

解决这个问题的最佳方法是什么？在流行的软件/网络应用中有没有很好的例子？

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

Answer 1

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

当然，获取坐标可能会很棘手。但是您也许可以使用与 span 相同的方法，并在其中添加一些虚拟元素，使其认为 0,0 就在您的 span 元素所在的位置。