Javascript IE中的滚动色盒_Javascript_Jquery_Css_Colorbox

Javascript IE中的滚动色盒

javascript jquery css

Javascript IE中的滚动色盒,javascript,jquery,css,colorbox,Javascript,Jquery,Css,Colorbox,我使用的是Ajax模式 <a class='data-content' href='data/<?=$id?>'> <img src=uploads/thumb_<?=$img?> /> </a> <script type="text/javascript"> $(document).ready(function(){ $(".data-content").colorbox({

我使用的是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>


$（文档）.ready（函数（）{
$（“.data content”）.colorbox({
过渡：“无”，
标题：假，
宽度：“700px”，
顶部：“10px”，
循环：false，
滚动：false
});
});

点击photo thumb后，它会加载带有照片和其他内容的colorbox。通常它的高度比屏幕大。于是滚动条出现了。使用其他浏览器（Mozilla、Chrome），我可以上下滚动，并可以毫无问题地查看框中的所有内容

当使用IE8滚动时，颜色框保持在同一位置，而背景滚动。所以我看不到所有的内容

这是一个例子。实际上，这是默认的颜色框示例

关于问题的原因有什么想法吗？

可能是。。。从现场-

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

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

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

除非您有一些CSS将colorbox的位置设置为“固定”，否则我不认为这是可能的。我建议发布一个说明问题的链接。您的代码片段看起来不错，使用相同的设置在使用colorbox for ajax内容时不会给我带来任何问题。

使用新的colorbox解决了这个问题：

谢谢@Jack。

不确定这是否是原因，但您的“/>”在url周围没有引号，即src='uploads/thumb.\u感谢您的快速回复，但这不是原因。它只是缩短了代码，并且在网站上运行正常。我已经试过了，但对我的情况没有帮助。这是我的doctype：我在问题中发布了一个指向示例的链接。

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

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