OuterDiv盒子阴影总是在顶部

我有我的主容器div有盒子阴影。将会有一个内部分区，其中将包含一个列表。我希望盒子阴影始终位于内部容器的顶部，因此如果列表超出div范围，它将隐藏在阴影之后。OuterDiv盒子阴影总是在顶部

这里是代码：

<div class="main-container bg-logged-in"> 

<div class="data scrollbar" id="agenda-data"> 
</div> 


</div> 

.bg-logged-in { 
background: none repeat scroll 0 0 #3f3f3f; 
    box-shadow: 0 -2.2em #25a0da inset, 0 -2.7em #3f3f3f inset, 0 -3em #25a0da inset; 
    left: 0; 
    right: 0; 

} 

.content-left .data { 
    bottom: 1em; 
    height: 65%; 
    top: 6.5em; 
    width: 100%; 
} 
.scrollbar { 
    overflow-y: auto; 
}

来源

2014-09-01 user3150994

请给出你的尝试，提供一个小提琴 – Husen 2014-09-01 09:57:22

你尝试溢出：隐藏属性？ – 2014-09-01 10:00:08

从您的示例，它仍然不清楚你想要实现什么，它应该是什么样子。另外，你的盒子阴影定义看起来不正确。 – 2014-09-01 10:45:46

看看这个：

.bg-logged-in { 
background: none repeat scroll 0 0 #3f3f3f; 
left: 0; 
right: 0; 
-webkit-box-shadow: 8px 6px 13px 0px #25a0da; 
-moz-box-shadow: 8px 6px 13px 0px #25a0da; 
box-shadow:   8px 6px 13px 0px #25a0da; 
}

JSFiddle Link

可以使用this网站生成你的箱子的影子。

来源

2014-09-01 10:58:00 anik4e

谢谢，它的工作原理 – user3150994 2014-09-02 11:07:34

欢迎。请接受答案。 – anik4e 2014-09-02 11:28:40

OuterDiv盒子阴影总是在顶部

回答

相关问题