获取插入阴影以覆盖包含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. 从z-index: 2
移除#shadow-overlay

您可能需要使用叠加大小/定位来防止它覆盖滚动条。