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中都能正常工作。
有什麼建議嗎?