box-shadow cả inset và bên ngoài trên cùng một div

Question

Tôi không thể có cả bóng hộp bên trong và bên ngoài trên cùng một div? Tôi đã thử nhưng nó không hoạt động

http://jsfiddle.net/CWuw8/

Answer 1

Bạn cần phải sử dụng dấu phẩy để tách cả vùng tối: http://jsfiddle.net/gryzzly/CWuw8/3/ Bạn cũng cần phải thêm tiền tố trình duyệt cụ thể để cho tiện làm việc ở khắp mọi nơi nó được hỗ trợ :

div { 
    -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
} 

Và bạn cũng phải chỉ định màu cho bạn để bóng được nhìn thấy.

Answer 2

Sử dụng CSS3 bạn có thể có multple hộp bóng chỉ bằng cách chia chúng bằng dấu phẩy ví dụ:

box-shadow: 10px 10px 10px, 0 0 10px inset; 

Bạn có thể có nhiều như bạn muốn.

Answer 3

Cập nhật fiddle của bạn cho bạn: http://jsfiddle.net/CWuw8/4/