在 IE 中滚动颜色框答案

【问题标题】：Scrolling Colorbox in IE在 IE 中滚动颜色框
【发布时间】：2014-02-19 09:35:35
【问题描述】：

我正在使用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 示例。

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

【问题讨论】：

不确定这是否是原因，但您的 ' />' 在 url 周围没有引号，即 src='uploads/thumb_ =$img?>'
感谢您的快速评论，但这不是原因。它只是缩短代码，在现场可以正常工作。

标签： javascript jquery css colorbox

【解决方案1】：

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

ColorBox 需要有效的文档类型，并且以怪癖模式渲染不是支持的。如果您不使用 HTML5 文档类型，确保您使用的是完整的文档类型声明（与 URI) 以确保在标准中呈现模式。

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

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

带有 URI 的文档类型呈现在所有浏览器的标准模式：

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

【讨论】：

我已经尝试过了，但对我的情况没有帮助。这是我的文档类型：ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow" target="_blank">w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

【解决方案2】：

问题已通过新颜色框update 解决：

谢谢@Jack。

【讨论】：

【解决方案3】：

除非您有一些 CSS 将颜色框的位置设置为“固定”，否则我看不出这是怎么可能的。我建议发布一个演示问题的链接。您的代码 sn-p 看起来不错，并且在将颜色框用于 ajax 内容时，使用相同的设置不会对我造成任何问题。

【讨论】：

我在我的问题中发布了一个示例链接。