我有一个黑色的导航栏 (bar) 和一个垂直的白色页面 (page)。
页面 应该从下到下运行，看起来就像刚从栏 的正下方出来一样。 bar 有一个投影，它显然应该在 page 上 - 如下所示:
问题在于 page 需要 -1 的 z-index 才能看起来像这样(两者都有固定的或相对定位)- 这意味着(至少在 Chrome 中)我无法选择或单击 page 上的任何内容。
当我分配 2 的 z-index(条形图为 10)时，它显然不再起作用了:
但至少我可以点击页面的元素。
如何在仍然能够单击/选择元素的同时获得正确的外观？
最佳答案
您可以将 box-shadow: inset (...) 设置为 page。
http://jsfiddle.net/seler/fP2Gx/
或:http://jsfiddle.net/seler/fP2Gx/12/
关于z-index - 放置 <div> 'under' 投影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5927532/