基于元素背后的不同css

时间:2018-02-07 23:10:42

标签: css overflow pseudo-element

我尝试将不同的样式应用于链接,因为它的位置与绝对定位的背景div重叠。

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

我试图找出如何使用更高的z-index伪元素进行此工作,该元素将被溢出:隐藏,但显然不会起作用,因为链接本身是父级。

任何想法或解决方案?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用CSS无法完成您的尝试。

尽管如此,为了解决这个问题,我会给链接一个白色和一个黄色下划线。如果它们只有一个像素高,这可能不明显。

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