在包含元素上顯示陰影框

Question

我想顯示一個容器div內的元素列表。這個容器div有一個內部的影子框。不幸的是，眼影盒變爲所包含元素的下方，你可以在這裏看到

現在很明顯，這是不合邏輯的和非審美。我挖到周圍，有人給了this solution。問題是，我需要能夠在這個容器內滾動，因爲包含的div很可能會溢出。

有沒有辦法在包含的div上顯示這個陰影？

Answer 1

既然你沒有提供任何的源代碼，一些更好的方式來實現這一目標是

.parent { 
 
    box-shadow : inset 0 0 5px 0 black; 
 
    height:200px; 
 
    position :relative; 
 
    overflow-y: scroll; 
 
} 
 

 
.content { 
 
    background : rgba(0,0,0,0.2); 
 
    height:1000px; 
 
    width:200px; 
 
    margin:auto; 
 
}

<div class="parent"> 
 
    foo 
 
    <div class="content">bar</div> 
 
</div>