1

我很难理解绝对定位的 :before 元素。我在一个大引号之后坐在推荐信后面。我使用了一个 :before 元素,因为它是一种字体,因此可以针对视网膜显示器进行扩展,为图像节省了额外的 http 请求(我没有任何其他可以用来制作精灵的图像),它还为我提供了更多的灵活性位置(背景图像需要在元素的左侧进行填充,这意味着使用我的网格并在我使用 CSS 的其他页面之间失去一致性)。

希望这是有道理的!我遇到的问题是 :before 元素覆盖了它上面的文本。如果只是文本,问题不大(尽管仍然是个问题),但那里有一个不能完全点击的链接……</p>

这是我的问题的 jsFiddle:http: //jsfiddle.net/tempertemper/KzQZQ/

我假设 :before 在 li 元素上,它会位于块引用的后面并引用,但看起来情况并非如此。

我已经尝试过 z-index 并且似乎无法使其全部正常工作。我也尝试过更改块引用和引用的位置值,但没有任何乐趣。

谢谢参观 :)

4

1 回答 1

4

我也注意到 Chrome 中的问题。通过在 :before 中添加背景,您可以真正看到正在发生的事情(我经常使用的技巧),或者您可以尝试 Firefox 中的 3D 视图。您的怀疑是正确的,支架实际上位于链接的顶部。这是有道理的,因为在应用 css 之前渲染了 DOM。添加 z-index 确实解决了这个问题。我更新了你的小提琴:http: //jsfiddle.net/KzQZQ/1

这应该解决它。奇怪的是这对你不起作用,但也许你做错了什么......如果你对此有任何问题,请告诉我们。

于 2012-08-17T20:25:39.490 回答