Javascript 绝对位置碰撞的div

我需要对pdf文件进行注释。我使用了pdf.js并使用中给出的代码突出显示所选文本。 代码使用背景色和左上角的值为每个选定的div创建div。div的位置是绝对的。pdf中突出显示的文本的快照如下所示：-

每行是div或具有左上角和“高度”和“宽度”值的单个div的组合

<div class="highlight"  style="position: absolute; border:none; background-color:#ffff99;opacity: 0.5;left:1735.8398844401042px; top:2601.3912037037035px;width:1007.511284722222px; height:49.333333333333485px;"></div>

---

您可以清楚地看到每个div都与另一个相冲突。是否有任何方法可以忽略冲突或删除由于div冲突而创建的黑色下划线。div必须绝对定位，因为左上角的值保存在后端。浏览器中的冲突和pdf中pdf的缩放级别不同。js

删除背景色以及所有div上的style属性中的不透明度规则。应该看起来更好。如果我删除了不透明度和背景，那么就没有必要使用此功能。请尝试将线条高度设置为10px。使用线条高度确实有帮助，但对于每个div@SujataChanda.ny thnx，线条高度的值是动态的且不可预测的。然后尝试使用边距底部或填充底部。