Sửa lỗi IE z-index - Thủ thuật CSS

Anonim

Đây không phải là giải pháp cuối cùng để khắc phục tất cả các vấn đề kỳ lạ về chỉ mục z của IE, nhưng nó chắc chắn có thể hữu ích trong một số trường hợp. Những gì nó làm là lặp lại từng phần tử mà bạn khai báo và áp dụng các giá trị z-index ngày càng giảm trên chúng. IE nhận được điều này ngược lại và điều này đặt nó một cách chính xác. Lý do nó không phải là tất cả là vì đôi khi nó không phải là thứ tự DOM mà bạn cần z-index để có và đôi khi phạm vi cũng có tác dụng.

Tuy nhiên, hãy xem bản demo trong IE 7 (cảm ơn Dan Nicholls) để xem phiên bản bị hỏng ở trên cùng và phiên bản sửa ở dưới.

Phiên bản jQuery

$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));

Phiên bản MooTools

if(Browser.Engine.trident)( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $$('div').each(function(el,i)( el.setStyle('z-index',zIndexNumber); zIndexNumber -= 10; )); );