2010-01-07 28 views
5

Disclaimer: Tôi đã thấy những câu hỏi sau đây và giải pháp của họ không áp dụng đối với tôi mặc dù họ là những tình huống rất giống nhau:Ẩn Mục của một Box Shadow

Nói một cách đơn giản, tôi đang cố gắng thêm -moz-box-shadow của 0 0 10px vào .current_page_item lớp được áp dụng cho tab hiện đang hoạt động trong điều hướng tab ở đầu my website. Trang web chưa bao gồm hộp bóng thực tế hoặc bất kỳ thay đổi nào trong số này, tôi chỉ đang chơi với những sửa đổi này trong firebug cho bây giờ trước khi tôi thực sự xuất bản chúng. Đương nhiên điều này làm cho bóng xuất hiện trên tất cả các cạnh, và do đó bóng của cạnh dưới cùng chồng chéo vào div .content lưu trữ tất cả nội dung thực tế của blog, tức là bài đăng.

Dựa trên những gì tôi đã thấy cho đến nay, nó có vẻ như tôi nên thiết lập các z-index của một cái gì đó, không chắc chắn những gì (Tôi đã thử ul.menu) để một cái gì đó thấp hơn và z-index của .content div một cái gì đó cao hơn, nhưng điều này dường như không có hiệu lực.

Tôi chỉ tự hỏi nếu đây là hành vi bình thường và nếu không, nếu ai đó có thể giúp tôi với tình huống này.

Cảm ơn, tôi thực sự đánh giá cao điều đó.

EDIT: Tôi đặt box-shadow trong bài đăng trước đó, nhưng tôi có nghĩa là chỉ thị cụ thể tương ứng, chẳng hạn như -moz-box-shadow. Đó không phải là vấn đề tôi đang gặp phải.

Trả lời

5

Bạn sẽ cần phải thêm overflow:hidden trên ul.menu như honeybuzzer đề cập đến, nhưng kể từ đó cũng sẽ cắt bóng hàng đầu bạn nên thêm một số padding-top đến ul.menu cũng ..

+0

Đây là những gì tôi đã làm. –

1

overflow:hidden trên ul.menu dường như thoát khỏi bóng dưới cùng.