2012-02-18 59 views
13

Tôi có hai hộp, chúng được xếp chồng lên nhau theo chiều dọc. Tôi muốn div trên cùng có một cái bóng hộp ở cạnh dưới của nó. Bóng của hộp trên cùng được ẩn đằng sau hộp dưới cùng.Hộp CSS Bóng trên một div bị ẩn bởi các div khác

Làm cách nào để khắc phục sự cố này?

Trả lời

30

Bạn có thể sử dụng:

hoặc

#first{ 
    position:relative; 
    z-index:2; 
} 

hoặc

#second{ 
    margin-top:10px; 
} 

PS: Xin lỗi vì những sai lầm câu trả lời trước. - Ví dụ được hiển thị: http://jsfiddle.net/fdezluis96/FRQKA/

Chúc may mắn!

+1

Nó nên được 'số các mục: relative', không phải' absolute', và không có nhu cầu về một ridiculously cao 'z-index' như vậy. – BoltClock

+0

Tôi có thể chỉ làm chỉ mục z: 2 không? –

+0

Chắc chắn bạn có thể, ở đây bạn có một JSFiddle hiển thị cả hai tùy chọn, chúc may mắn - http://jsfiddle.net/6CUqd/2/. Tôi cập nhật câu trả lời cho phù hợp với yêu cầu của bạn @DonnyP – Luis

1

Hoặc chỉ cần thêm một margin-bottom: 10px hoặc một cái gì đó để đầu div

+0

Điều đó đẩy div xuống dưới, mà tôi rất nghi ngờ là hành vi mong muốn. – BoltClock

+0

không thể đẩy xuống dưới cùng hộp –

+0

ok. hiểu lầm. xin lỗi – jribeiro

Các vấn đề liên quan