Я использую ColorBox, чтобы показать детали событий в календаре.
Адрес для просмотра: http://www.idea -palette.com / greatoppseventcal / calendar6.php
В Firefox, когда пользователь нажимает на день с событием, открывается лайтбокс и отображает информацию о событии из базы данных.
В Internet Explorer, когда пользователь нажимает на день с событием, календарь перемещается вниз, и над календарем появляется большая белая пустая область. Когда вы нажимаете на пустую область, календарь перемещается обратно вверх, как будто над календарем появляется лайтбокс, пока вы не нажмете на него, чтобы закрыть.
Вот jQuery:
$(document).colorbox.init();
$(".date_has_event").click(function(e) {
var idVal = $(this).attr("idnum");
$(".date_has_event").colorbox({open: true, initialHeight: "25%", initialWidth: "25%", width:"25%", opacity: 0.25, transition:'fade', inline:true, href:"#" + idVal + " ul"});
});
Вот код для кнопки, которую нажимают, и отображаемый div:
echo ' class="date_has_event" idnum="'.$row2['id'].'" style="background-image: url(images/event_square.png); color: #8CC63F;">'.$day;
echo '<div class="events" id="'.$row2['id'].'">
<ul>'.$events[$day].'</ul>
</div>';
Я не совсем уверен, что делать, так как он отлично работает в Firefox. Кто-нибудь может мне помочь?