【问题标题】:Issue Implementing Colorbox Correctly in IE (all versions)问题在 IE 中正确实现 Colorbox(所有版本)
【发布时间】:2011-01-18 09:59:09
【问题描述】:

我一直在竭尽全力(并在规定的时间内)试图找出 Colorbox 在以下页面上无法正常工作的原因:[链接已删除]

我在右下角设置了一个彩盒测试链接,上面写着“Web Design By All Web Cafe”,它应该会打开一个小的徽标图像。在 Firefox、Safari 等中,模式的行为应有尽有,在所有现有页面内容之上打开中心中心。在 IE 中,不仅模式不居中,而且看起来好像它不服从绝对定位并将所有现有的页面内容推到下方。再加上它没有以正确的大小打开并在模态图像旁边创建滚动条,我们自己有一个丑陋的模态。

我可以使用的滚动条(通过调整模态的最小高度),但我不知道为什么它不会居中。让我说我最初并没有为这个网站编写代码,并且它是在几年前完成的,所以很可能有很多 CSS hack 可以让内容正确显示,其中任何数量都可能导致这个问题。

相比之下,Thickbox 也在此站点上设置(如果您单击深蓝色区域中的“播放视频”标注)并且行为正确,但存在一些奇怪的尺寸/填充问题,因此希望更换它带有一些更现代和可扩展的东西。我可以验证同时使用这两个模式脚本/CSS 文件没有冲突,因为即使完全删除了Thickbox,Colorbox 仍然会出现问题。

任何想法或建议将不胜感激。

【问题讨论】:

    标签: jquery internet-explorer css modal-dialog colorbox


    【解决方案1】:

    知道了!!! ..在我的代码中修改了很多东西(有同样的问题)......

    简单地说:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    

    .. 在页面的开头。它必须在包含或其他所有内容之前。

    希望这会有所帮助。 干杯!

    马里亚诺。

    【讨论】:

    • 我欠你一杯啤酒,我的朋友。非常感谢您的回复。我永远不会猜到这是一个文档类型问题。事实证明,只要声明正确,您实际上也可以使用 HTML 4 文档类型。我正在使用这个:ttp://www.w3.org/TR/html4/loose.dtd" rel="nofollow" target="_blank">w3.org/TR/html4/loose.dtd">
    • 所以如果您使用母版页,您是否只需将其放在其顶部?
    • 这不太好,因为它还可以与 HTML5 一起工作。
    【解决方案2】:

    很好地抓住了我的朋友。我正在与几个开发人员一起开发我的 Web 项目,并且遇到了同样的问题。我一生都无法弄清楚为什么它在 Firefox 而不是 IE(所有版本)中工作。照你说的做了并检查了文档类型,果然它不完整。其他开发人员之一必须从某些遗留代码中复制。无论如何,我们不使用 xhtml strict 我们使用 xhtml transitional 并且它仍然允许颜色框在 IE(所有版本)和 Firefox 中正常工作。下面是我用来让颜色框工作的代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >

    感谢 Mariano 对此提供的帮助。节省了数小时的挫败感!

    托比·古铁雷斯

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-02-07
      • 1970-01-01
      • 2014-07-11
      • 1970-01-01
      • 1970-01-01
      • 2023-01-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多