爲什麼只有滾動後才能看到陰影框？

Question

我一直在嘗試多年，以找出爲什麼當您第一次導航到每個頁面時，頂部菜單上的方框陰影不可見，但一旦開始滾動時就會出現。

這是網站：http://gourmetsailing.co.nz/DRAFT/charters.html

與陰影的類是.navbar-包裝

.navbar-wrapper { 
background-color: #FFFFFF; 
width: 100%; 
margin: auto; 
-webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5); /* [h-offset] [v-offset] [blur radius] [color: red, green, blue, opacity]; */ 
-moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5); 
box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.5);} 

值得一提的是，我還使用粘貼拿到菜單堅持到頂部頁面：http://lirancohen.github.io/stickUp/

也許與該腳本有某種衝突？

Answer 1

嘗試將position: relative添加到您的navbar-wrapper類中。

這裏發生的事情：

當你開始滾動時，position: relative聲明動態添加到div與navbar-wrapper類作爲一個內聯樣式，發射箱的影子。

如果您直接將此聲明添加到類中，那麼箱子陰影就是從一開始就存在的。