Css коробчатого тень не работает в Firefox

Question

Почему эта коробка-тень не работает в Firefox .. Но она показывает тень в хроме ..

#slideshow { 
     margin: 80px auto; 
     position: relative; 
     width: 701px; 
     height: 321px; 
     padding: 10px; 
     box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    } 

    #slideshow > div { 
     position: absolute; 
     top: 10px; 
     left: 10px; 
     right: 10px; 
     bottom: 10px; 
    } 

Я дал важным также, но не работает .. Я использую ползунок jquery для этого. Итак, я думаю, что структура html каким-то образом перепуталась с позиционированием.

Любая идея ..

Спасибо!

Answer 1

Привет обратиться к комплекту браузера, как как этот

firefox and chrome 

-

-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
box-shadow: 0 0 20px rgba(0,0,0,0.4); 

Answer 2

Вы должны использовать префикс поставщика браузера для этого. Используйте CssPrefixer http://cssprefixer.appspot.com/

Answer 3

Чтобы быть доступны для всех браузер:

box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-o-box-shadow: 0 0 20px rgba(0,0,0,0.4);