2009-09-13 114 views
0

CSS jQuery的問題,我用這個代碼:http://blogswizards.com/plugin-development/sliding-boxes-and-captions-with-jquery嚴格的doctype causeing在IE

在一個簡單的畫廊網站我建立。具體來說,我用最後的效果:

//標題滑動(部分隱藏到可見的)

$('.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

我問題是,當我將doc類型合併到我的頁面時:

<!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(和其他lightbox類型的彈出窗口)不會因爲他們需要doc類型設置爲正確工作...

而這一切都只是在IE瀏覽器。無論在FF還是Chrome中都能正常工作。

有什麼建議嗎?

回答