Tôi có hộp đổ bóng trên số #primaryNav div của mình. Thật không may, bóng được che phủ/ẩn bởi nền của phần tử #page sau.Ẩn bóng hộp CSS (chỉ mục z không sửa)
Tôi đã cố gắng đặt chỉ mục z từ 100 đến #primaryNav và chỉ mục z -100 thành # trang, nhưng điều đó không khắc phục được sự cố của tôi.
Bất kỳ ý tưởng nào tôi đang làm sai?
Tôi đã xem trang web của bạn và tôi nghĩ rằng thuộc tính border-bottom của #primaryNav che phủ bóng của bạn.
Bạn cần xác định vị trí cho #primaryNav. Chỉ số Z chỉ ảnh hưởng đến các yếu tố vị trí. Tôi vừa thêm điều này vào firebug và cố định:
#primaryNav {
position: relative;
}
Tôi sẽ tránh sử dụng chỉ mục z âm. Chỉ cần thay đổi chỉ mục z của #page thành 0.
Hoàn hảo. Không biết về z-index & các yếu tố định vị. Cám ơn rất nhiều. – Tophers
đây là câu trả lời đúng. OP nên đánh dấu nó cho phù hợp – Mansiemans
Bạn đã lưu công việc của tôi. Cảm ơn. –
Như jlego đã nói vị trí tương đối nên sửa nó. Bằng cách này tôi sẽ đề nghị đảm bảo rằng không có bóng bên trái hoặc bên phải của #primaryNav. Kể từ #primaryNav có chiều rộng 100% một bóng ở bên cạnh làm cho thanh cuộn ngang xuất hiện.
Đối với sửa chữa này, bạn có thể thiết lập một overflow:hidden-#iframe
Mẹo hay - cảm ơn. – Tophers
đâu nên bóng này được, trên đỉnh hoặc đáy của nav? –