简体   繁体   English

在IE9上显示以下内容的超大JQuery插件

[英]Supersized JQuery plugin displaying below content on IE9

I am using the Supersize plugin and it works fine on Chrome, FF and Safari but (suprise, surprise) not on IE9 (and 8 and 7). 我正在使用Supersize插件,它在Chrome,FF和Safari上运行良好,但(感到惊讶)不适用于IE9(以及8和7)。

The background images are appearing below my content, not behind it. 背景图片显示在我的内容下方,而不是其下方。

See the site here: http://host.pixelframe.net.au/~pptestco/ 请参阅以下网站: http : //host.pixelframe.net.au/~pptestco/

I think this should be a css fix as the Supersized images sit below all other content in a ul with the styles: 我认为这应该是css修复,因为超大尺寸图像以样式位于ul中的所有其他内容之下:

display: block;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
z-index: -999;
height: 100%;
width: 100%;

Would anyone know how to correct this? 有谁知道如何纠正这个问题?

OK - it seems the CMS I was using (ModX Revo) came preloaded with the wrong (or no) DOCTYPE. 好的-似乎我正在使用的CMS(ModX Revo)预装了错误的(或没有)DOCTYPE。

I've added 我已经添加

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

To my templates (above the <html> ) tag and it seems ok! 对于我的模板(在<html>上方)标签,看起来还可以!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM