Z-index không hoạt động trên tab samsung galaxy?

Question

Tôi đang làm việc trên dự án này để làm việc tại nơi mà một e-learning sẽ được phát trên tab galaxy galaxy. trò chơi chỉ là một trang web nhưng sẽ được hiển thị dưới dạng ứng dụng.

Khi bạn đăng nhập lần đầu tiên bạn sẽ thấy cửa sổ bật lên với thông báo chào mừng này, đằng sau đó là lớp phủ màu đen có độ trong suốt.

Vấn đề là trên PC trong khi trên firefox tất cả đều hoạt động tốt nhưng trên máy tính bảng, chỉ mục Z dường như không hoạt động. không thể gỡ lỗi và tôi không thể tìm thấy bất kỳ tài liệu nào về vấn đề này. Vì vậy, có ai biết nếu z-index hoạt động khác trên máy tính bảng hoặc làm cách nào để khắc phục sự cố?

Cửa sổ bật lên có chỉ số z 999 và lớp phủ là z-index 998, Bất kỳ ý tưởng nào về điều này? Tôi sẽ tiếp tục tìm kiếm trên google và sẽ đăng tất cả tiến trình tôi thực hiện.

Edit: Lớp phủ sẽ được tạo trong Jquery: var showPopup = '<% = ViewData ("showPopup") toString()%>'

if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); } 

Giải Quyết bây giờ, nhìn thấy bình luận cho giải pháp .

Answer 1

Tìm thấy câu trả lời, câu trả lời là một phần trên stackoverflow có thể được tìm thấy ở đây: Android Webkit: Absolutely positioned elements don't respect z-index

Phần còn lại được tìm thấy trong một hướng dẫn.

Giải pháp như sau:

Tôi đã thêm lớp phủ trong jQuery nhưng cửa sổ bật lên nằm trong html nhưng chỉ bị ẩn. vì vậy tôi đã thêm phần mã đó vào kiểm tra jQuery. Để ngăn cửa sổ bật lên kế thừa độ mờ của lớp phủ, tôi phải sử dụng lại $('body').prepend. Tất cả đều hoạt động ngay bây giờ.

Answer 2

Đến bữa tiệc trễ nhưng, tôi đã tìm ra giải pháp tốt nhất cho việc này là add -webkit-transform: translate3d (0,0,0); cho mục được định vị tuyệt đối và được lập chỉ mục z. Đã giải quyết được sự cố của tôi mỗi lần.