Как использовать тень окна в css?

Question

Привет, я хочу использовать тень окна для div. Любая идея, как это сделать?

У меня есть использовать

box-shadow:   3px 3px 5px 6px #ccc; 

, но не работает в Firefox.

Answer 1

Использование:

-moz-box-shadow: 3px 3px 5px 6px #ccc; 
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
    box-shadow:   3px 3px 5px 6px #ccc; 

следующие документы показывает, что он отлично:

1

2

3

Answer 2

Используйте префикс -moz- для более старой версии firefox.

-moz-box-shadow:  3px 3px 5px 6px #ccc; /*will work only in firefox*/ 
box-shadow:   3px 3px 5px 6px #ccc; /*will work on all browser and latest firefox also*/ 

Не проверено here.

Answer 3

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Некоторые версии Firefox могут по-прежнему требуют использования префикса -moz. Это может быть проблема?

-moz-box-shadow:   3px 3px 5px 6px #ccc; 

Answer 4

Это looks fine to me

-moz-box-shadow: 3px 3px 3px 3px #cccccc; 
    box-shadow: 3px 3px 3px 3px #cccccc; 

Answer 5

Попробуйте это:

-moz-box-shadow:   3px 3px 5px 6px #ccc; 

Проверьте MDN for reference

Answer 6

, если вы хотите, используя в Mozilla с помощью тега -moz-box-shadow:..
, если хром с помощью тега -webkit-box-shadow:..
или в опере с помощью тега -o-box-shadow:...
для получения более подробной информации открыть

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_image_gallery

Answer 7

для внутренней коробки-тени использовать этот

-moz-box-shadow: inset 0 0 10px #f00; 
-webkit-box-shadow: inset 0 0 10px #f00; 
    box-shadow:   inset 0 0 10px #f00; 

И для внешней коробчатой ​​тени использовать эту

-moz-box-shadow: 3px 3px 5px 6px #ccc; 
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
    box-shadow:   3px 3px 5px 6px #ccc; 

Answer 8

box-shadow:3px 3px 5px 6px #ccc; 
-webkit-box-shadow:3px 3px 5px 6px #ccc; 
-moz-box-shadow:3px 3px 5px 6px #ccc; 
-o-box-shadow:3px 3px 5px 6px #ccc; 
-ms-box-shadow:3px 3px 5px 6px #ccc; 

Используйте этот код полезный для Вас.

Answer 9

Просто используйте его: http://css3gen.com/box-shadow/
Это экономит много времени.