Почему не работает коробка-тень?

Question

я не могу показаться, чтобы получить бокс-тень работать для моего сНу элемента с помощью следующего кода CSS:

#header { 
background-color: #B89E70; 
top: 0; 
left: 0; 
width: 100%; 
height: 5%; 
position: fixed; 
box-shadow: 0px, 20px, 5px, rgba(0, 0, 0, 0.7); 


font-family: arial; 
text-align: center; 
} 

Я использую Chrome. Какие-нибудь идеи о том, что я мог пропустить?

Answer 1

Значение для box-shadow не должно содержать запятых. Свойство box-shadow использует запятые для разделения нескольких теней.

Вы должны обновить box-shadow так:

box-shadow: 0px 20px 5px rgba(0,0,0,0.7); 

Имейте в виду, что вы можете отобразить несколько теней на одном поле, как это:

box-shadow: 0px 20px 5px rgba(0,0,0,0.7), 5px -5px 0 rgba(0,0,0,1); 

Вы можете сделать некоторые довольно интересные эффекты, что путь !