Question

我使用此代码：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

我的问题是，当我将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;
 }

不起作用。如果我删除了doc类型滑动字幕功能正确但shadowbox（和其他灯箱类型弹出窗口）没有，因为它们需要将doc类型设置为正常工作...

这一切都只是在IE中。无论如何都适用于FF和Chrome。

有什么建议吗？

Answer 1

top: 228;

顶部：228px;

CSS Validator可以用来捕捉这样的简单拼写错误。

严格的doctype导致css jquery问题

1 个答案: