Tôi đang tạo bản mẫu của lịch dựa trên bảng CSS/XHTML mà cuối cùng sẽ được tạo bằng PHP cho hệ thống quản lý nội dung cập nhật đơn giản . Tôi đã gặp sự cố với việc sử dụng định vị tuyệt đối để tạo cửa sổ bật lên hiển thị tất cả các sự kiện trong một ngày khi có nhiều hơn mức phù hợp trong ô. Vấn đề có thể được nhìn thấy ở đây:Gặp sự cố với định vị tuyệt đối/Z-Index với Danh sách và Bảng trong IE 6 và 7
Như bạn có thể thấy, pops cửa sổ bật lên dưới sự kiện nhiều ngày và ngày trong cả IE7 và IE6. Đặt chỉ mục z trên cửa sổ bật lên đã khắc phục sự cố trong Firefox. Tôi đã thử đặt tất cả các loại giá trị z-index trên cửa sổ bật lên, thay đổi thuộc tính hiển thị của cửa sổ bật lên và phần tử liên quan, cũng như nhiều cách tiếp cận khác nhau khác nhau, không thành công.
HTML như sau:
<td valign="top"><div>
<div class="date">25</div>
<ul>
<li class="single"><a href="#">History</a></li>
<li class="single"><a href="#">Biology</a></li>
<li class="single"><a href="#">Computers</a></li>
<li class="single"><a href="#">POTCH</a></li>
<li class="single"><a href="#">Precal</a></li>
<li class="more"><a href="#">+3 More</a></li>
</ul>
<div class="popup">
<span class="close"><a href="#">X</a></span>
<ul>
<li class="single"><a href="#">History</a></li>
<li class="single"><a href="#">Biology</a></li>
<li class="single"><a href="#">Computers</a></li>
<li class="single"><a href="#">POTCH</a></li>
<li class="single"><a href="#">Precal</a></li>
<li class="single"><a href="#">Science PC</a></li>
<li class="single"><a href="#">Physics</a></li>
<li class="single"><a href="#">Construction</a></li>
</ul>
</div>
</div></td>
Đây là các tế bào từ bảng với mã hóa cứng popup. Danh sách đầu tiên chứa các sự kiện hiển thị bình thường. Div chứa div thứ hai là popup. Nó sẽ được hiển thị trong sự kiện nhiều ngày:
<td valign="top" class="blank"><div>
<div class="date">2</div>
<ul>
<li style="background-color:plum;"> <img src="endr.png" alt="." /></li>
</ul>
</div></td>
Tôi đang sử dụng các mục danh sách để "giả mạo" sự kiện nhiều ngày. Các li trong ngày này là theo kiểu là phần của thanh nhìn thấy để render trên popup trong IE 6 và 7.
CSS liên quan đến popup:
.popup {
position:absolute;
top:-1px;
background-color:white;
border:1px solid black;
overflow:visible;
padding:10px;
width:auto;
z-index:1;
margin-left:-1px;
}
Và đến nhiều ngày sự kiện:
li {
margin:2px 0;
padding:0 0 2px 5px;
white-space:nowrap;
}
Tôi đã cố gắng khắc phục sự cố này bằng cách tìm kiếm Google nhiều lần và thử các trang web khác Q &.
Bất kỳ trợ giúp nào sẽ được đánh giá rất nhiều!
FYI: Cũng giống như vậy trong IE8 ... – SeanJA