首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >IE中的滚动颜色框

IE中的滚动颜色框
EN

Stack Overflow用户
提问于 2011-06-02 19:28:42
回答 3查看 2.4K关注 0票数 1

我使用的是ColorBox's Ajax模式。

代码语言:javascript
复制
<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>

在点击照片缩略图之后,它会加载带有照片和其他内容的colorbox。通常它的高度比屏幕大。这样滚动条就出现了。使用其他浏览器(Mozilla、Chrome),我可以上下滚动查看框中的所有内容,没有任何问题。

当使用IE8滚动时,colorbox停留在同一位置,而不是背景滚动。所以我看不到所有的内容。

这是一个example。实际上,这是默认的Colorbox示例。

你知道是什么原因导致了这个问题吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-06-16 16:53:40

新的colorbox update解决了这个问题:

谢谢你@Jack。

票数 1
EN

Stack Overflow用户

发布于 2011-06-02 19:37:49

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

ColorBox需要有效的文档类型,并且不支持在quirks模式下呈现。如果您没有使用HTML5文档类型,请确保使用完整的文档类型声明(带有URI)以确保在标准模式下呈现。

不幸的是,这个缩写的doctype在Internet Explorer中以quirks模式呈现文档:

代码语言:javascript
复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

对于所有浏览器,

以标准模式呈现带有URI的文档类型:

代码语言:javascript
复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
票数 2
EN

Stack Overflow用户

发布于 2011-06-03 13:59:45

我不认为这是可能的,除非你有一些CSS将colorbox的位置设置为'fixed‘。我建议发布一个说明该问题的链接。您的代码片段看起来很好,在为ajax内容使用colorbox时,使用相同的设置不会引起任何问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6213924

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档