Quirks模式兼容灯箱?(即)



我正在尝试向旧网站添加灯箱。这个网站只有在开启怪癖模式的情况下才能在IE 8中正确显示。考虑到这个限制,有什么灯箱插件可以正常工作吗?对于不支持怪癖模式的插件,是否有解决方案?

我尝试过ColorBox,但没有成功(ColorBox常见问题解答明确表示不支持怪癖模式)。

目前几乎没有任何可用于Quirks模式。

Quirks模式在2001年就过时了——它基本上是IE5兼容模式。如果您的代码仍在使用它,那么它就出现了严重的问题。到目前为止,最好的答案是升级你的网站,不再使用怪癖模式。

好消息是,如果您只需要支持IE8及以上版本,这实际上并不困难,因为IE8支持一个名为box-sizing的CSS功能。(这在IE6或IE7中不起作用,这就是为什么怪癖模式持续了这么长时间,但在IE8中还好)

box-sizing是一个标准的CSS功能,适用于所有浏览器,并允许您指定框模型以类似于怪癖模式。

盒子模型是怪癖模式和标准模式之间的主要区别,因此,为了使为怪癖模式编写的网站在所有浏览器中都能工作,只需在整个网站上设置box-sizing:应该使用以下代码:

* {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing:     border-box;
    box-sizing:        border-box;
}

然后,您可以添加doctype并将网站置于标准模式,它应该会像以前一样继续工作。

一旦你做到了这一点,你应该能够开始使用一些现代浏览器功能和最新的脚本库,就像你所问的那样。

希望能有所帮助。

它看起来像是slimbox支持怪癖模式,但我自己没有尝试。http://www.digitalia.be/software/slimbox2

最新更新