Như mọi người đã biết với thời đại sử dụng css thì thằng IE đang làm rất nhiều người đau đầu nó như thằng 8 vía thật là khó bảo, dễ tính như em cave firefox, chôm chôm vv có phải nhàn thân không.
Với những lỗi mà chúng ta đã biết như:- Double margin: -Min-width và Max-width-Hiệu ứng hover-Hiển thị ảnh PNG vv,
Hôm nay ngồi làm mới biết thuộc tính Z-index cũng không hoạt động thì phải (Chuối thế) mà có hoạt động thì cũng chuối vô cùng thế mới ức: cụ thể như sau:
html:
<div id=”header”>
</div>
<div id=”boxesLogin”>
</div>
Css:
#mainNav {
position:absolute;
z-index:1000;
}
# boxesLogin {
position:absolute;
z-index:1;
}
nếu z-index của # boxesLogin la giá trị (-) thì các thành phần trong # boxesLogin không tương tác được còn nếu giá trị (+) thì không có tác dụng nghĩa là # mainNav có dropdownMenu sẽ chui xuống dưới # boxesLogin dù cho giá trị z-index của #mainNav có lơn hơn giá trị z-index của # boxesLogin bao nhiêu đi nữa.
Nào ài còn gặp phải sự cố với Con IE này nữa thì vào chém gió chơi chút
Bookmarks