基于元素背后的不同css

Question

我正在尝试应用不同的样式到一个链接的基础上，它的位置重叠绝对定位的背景div。

具体地说，当链接与这里的黄色部分重叠时，我希望应用不同的CSS：https://i.stack.imgur.com/bp1zG.png

我试图弄清楚如何使用一个更高的z-index伪元素来实现这一点，该伪元素将被overflow:hidden截断，但显然这是行不通的，因为链接本身就是父链接。

有什么想法或解决方案吗？

谢谢!

Answer 1

您尝试的内容不能使用CSS完成。

为了解决这个问题，我会给链接加一个白色和黄色的下划线。如果它们只有一个像素高，这可能不会被注意到。

a {border-bottom: 1px solid yellow;}
a > span  {border-bottom: 1px solid white;}