基于元素背后的不同CSS

Question

我正在尝试根据与绝对定位的背景 div 重叠的位置对链接应用不同的样式。

具体来说，当链接与此处的黄色部分重叠时，我想应用不同的 CSS： https://i.stack.imgur.com/bp1zG.png

我试图弄清楚如何使用更高的 z-index 伪元素来完成这项工作，该伪元素将被溢出：隐藏，但显然这不起作用，因为链接本身是父链接。

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

谢谢！

Answer 1

你所尝试的不能用 CSS 来完成。

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

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