：元素重叠子元素之前

Question

我无法让我的头围绕绝对定位：在元素之前。我是一个很大的引用标记，坐在一个推荐书后面。我使用了：before元素，因为它是一种字体，因此可以对视网膜显示进行扩展，为图像保存额外的http请求（我没有任何其他可以制作精灵的图像），这也为我提供了更大的灵活性位置（背景图像需要在元素的左侧填充，这意味着玩我的网格并且在我正在使用CSS的其他页面上失去一致性。）

希望有道理！我遇到的问题是：before元素覆盖了它上面的文本。如果它只是文本（虽然仍然是一个问题），但没有太多问题，但是那里有一个不完全可点击的链接......

这是我的问题的一个小问题： http://jsfiddle.net/tempertemper/KzQZQ/

我假设为：在li元素之前，它会位于blockquote后面并引用，但它看起来并非如此。

我已经尝试过z-index，似乎无法让它全部正常工作。我也尝试过更改blockquote并引用位置值，但没有快乐。

谢谢你看一下：）

Answer 1

我也注意到了Chrome中的问题。只需在以下内容中添加背景：然后才能真正看到正在发生的事情（我经常使用的技巧），或者您可以在Firefox中尝试3D视图。你的怀疑是正确的，支架实际上位于链接的顶部。这样就可以在css被填充之前呈现DOM。添加z-index确实解决了这个问题。我更新了你的小提琴：http://jsfiddle.net/KzQZQ/1

这应该解决它。奇怪，这不适合你，但也许你做错了什么......如果你有任何问题，请告诉我们。