-webkit-коробчатого тень свойство не работает в Firefox

Question

У меня возникли проблемы с Firefox, мой CSS код:

#meni li:hover{ 
    opacity: 1; 
    filter: alpha(opacity=100); 
    -webkit-box-shadow: inset 0 4px 0 #FF0000; 
} 

Он показывает красную тень в Chrome, но в Firefox не работает. Помогите кому-нибудь?

Answer 1

Вы не указали -moz префикс. -webkit используется только для веб-браузеров, таких как Chrome/Safari.

#meni li:hover{ 
    opacity:1; 
    filter:alpha(opacity=100); 
    -webkit-box-shadow: inset 0 4px 0 #FF0000; 
    -moz-box-shadow: inset 0 4px 0 #FF0000; 
    box-shadow: inset 0 4px 0 #FF0000; 
} 

Answer 2

#meni li:hover{ 
box-shadow: inset 0 4px 0 #FF0000; /* use the standard, firefox doesn't need the prefix moz 
-webkit-box-shadow: inset 0 4px 0 #FF0000; 
} 

Answer 3

Пожалуйста, добавьте этот код, как показано ниже :)

#meni li:hover{ 
     -webkit-box-shadow: inset 0 4px 0 #FF0000; /* for chrome and safari browser */ 
     -moz-box-shadow: inset 0 4px 0 #FF0000;/* for mozilla browser */ 
     box-shadow: inset 0 4px 0 #FF0000; /*common*/ 
    }