Question

我正在使用ColorBox's Ajax模式。

<a class='data-content' href='data/<?=$id?>'> <img src=uploads/thumb_<?=$img?> /> </a>

     <script type="text/javascript"> 

      $(document).ready(function(){

        $(".data-content").colorbox({
              transition: "none",
              title: false,
              width: "700px",
              top: "10px",
              loop: false,
              scrolling: false
        });

      });

     </script>

点击照片缩略图后，它会加载带有照片和其他内容的彩盒。通常它的高度大于屏幕。所以滚动条出现了。使用其他浏览器（Mozilla，Chrome），我可以上下滚动查看框中的所有内容，没有任何问题。

当使用IE8进行滚动时，颜色框停留在同一个位置而不是背景滚动。所以我看不到所有的内容。

这是example。实际上它是默认的Colorbox示例。

关于可能导致问题的任何想法？

Answer 1

可能是这个......来自网站 - http://colorpowered.com/colorbox/#doctype

ColorBox需要有效的doctype和   在怪癖模式下渲染不是   支持的。如果你没有使用   HTML5 doctype，确保您正在使用   完整的doctype声明（带有   URI）以确保标准中的呈现   模式。

不幸的是，这个缩写   doctype以怪癖呈现文档   Internet Explorer的模式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

带有URI的doctype呈现在所有浏览器的标准模式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Answer 2

使用新的colorbox update来解决问题：

谢谢@Jack。

Answer 3

除非你有一些将colorbox的位置设置为'fixed'的CSS，否则我看不出这是怎么回事。我建议发布一个演示问题的链接。你的代码片段看起来很好，使用colorbox for ajax内容时，使用相同的设置对我没有任何问题。

在IE中滚动Colorbox

3 个答案: