让插入框阴影覆盖包含 div 中的文本？

Question

我很难让这个插入框阴影 (#shadow-overlay) 覆盖 #text-container 内的文本。我已经完成了我的研究并尝试将 z-index 与 position:relative/absolute 一起使用，甚至制作一个单独的 div 并将其用作叠加层。我仍然无法让它工作！基本上，我希望#shadow-overlay 底部的插入框阴影覆盖#text-container 中的文本。你们能帮帮我吗？谢谢！

CSS：http://pastebin.com/QdNhCc9H HTML：http://pastebin.com/D3tYKXky

Answer 1

1. 将z-index: -2 添加到#content-box
2. 将z-index: -1 添加到#text-container
3. 从#shadow-overlay 中删除z-index: 2

您可能必须使用覆盖大小/位置来防止它覆盖滚动条。