这是一个我想要完成的例子.
http://jsfiddle.net/QqME6/
http://jsfiddle.net/QqME6/
来自上部div的盒子阴影不会出现在它下面的div的顶部.从我的理解,我需要设置z-index,所以它会出现在顶部,只适用于位置为relative的元素;但它仍然没有出现.我究竟做错了什么?
<div id="top"> </div> <div id="middle"> <div id="innerMiddle"> </div> </div> #top { width: 100%; height: 100px; Box-shadow: 3px 3px 3px #333; background-color: blue; } #middle { width: 100%; height: 200px; z-index: 0; position: relative; background-color: orange; } #innerMiddle { width: 200px; height: 200px; margin: 0 auto; background-color: green; }
解决方法
它是#top和它的盒子阴影,你想出现在顶部,所以给这个位置:相对而不是给位置:相对于#middle.不需要z-index:0.
原文地址:https://www.jb51.cc/css/216570.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。