Я использую этот код: http://blogswizards.com/plugin-development/sliding-boxes-and-captions-with-jquery
На простом сайте галереи я строю. Конкретно я использую последний эффект:
// Скольжение заголовка (частично скрыто для видимого)
$('.boxgrid.caption').hover(function(){
$(".cover", this).stop().animate({top:'185px'},{queue:false,duration:160});
}, function() {
// ending position of the caption... measured from top.
$(".cover", this).stop().animate({top:'228px'},{queue:false,duration:160});
});
Я сейчас пытаюсь интегрировать блок теней для полного просмотра каждого изображения: http://www.shadowbox -js.com
Моя проблема в том, что когда я включаю тип документа в мою страницу:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Скользящие заголовки в IE ведут себя некорректно. То есть они скользят, появляются в верхней части поля с надписью, а затем, когда мышь наводится на них, затем перемещаются в правильное положение мыши и затем обратно в правильное положение. Но их начальная стартовая позиция:
.caption .boxcaption {
/* starting position of caption box. measured from top of image box*/
top: 228;
left: 0;
}
Не работает. Если я удаляю тип документа, скользящие надписи работают правильно, но shadowbox (и другие всплывающие окна типа лайтбокса) не работают, потому что они требуют, чтобы тип документа был установлен правильно ...
И это все только в IE. Работает нормально в FF и Chrome независимо.
Есть предложения?