Internet Explorer的Javascript幻灯片
问题描述:
我有一个很奇怪的问题在这里。它只发生在Internet Explorer上(真是一个惊喜)。Internet Explorer的Javascript幻灯片
基本上我试图修复一些网站,一些三流开发者完成后给了我一个网站,显然没有在IE上测试。
他们已经设置了一个JavaScript幻灯片,现在在幻灯片活动的页面上,整个封闭的“body_section”div被一直推到左边。有自己看看:
http://sapaconstruction.com.au/sapa/
这是漂浮一切左边的主页。现在,此页面上:
http://sapaconstruction.com.au/sapa/?page_id=4
一切看起来都很正常,所以它必须有事可做使用JavaScript幻灯片。以下是他们写的JavaScript看起来像(它嵌在页面上)。
<script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/compressed.js"></script>
<script type="text/javascript">
$('homeslideshow').style.display='none';
$('wrapper').style.display='block';
var homeslideshow=new TINY.slideshow("homeslideshow");
window.onload=function(){
homeslideshow.auto=true;
homeslideshow.speed=5;
homeslideshow.init("homeslideshow","image","imgprev","imgnext","imglink");
}
</script>
任何有关这个问题的帮助都会令人惊叹,我已经花了几个小时尝试黑客和边缘修补程序以及类似的东西。
答
嗯,我可以告诉你这个。这个网站的问题远不止于此。在查看源代码时,在html节点之前有一个div。我首先会解决这个问题,就像在Firefox中一样,这会导致一些奇怪的事情发生。事实上,我认为这个“ieonly”div是什么导致这个问题,因为在IE中,这个div成为身体中的包装。建立这个网站的人对跨浏览器设计不是很熟悉,并且试图通过太多IE浏览器黑客来进行烘焙。
编辑:
问题是IE是怪异模式由于缺少一个DOCTYPE的。下面的doctype应该工作:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
见http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be-removed-from-posts,and keep,begling out of your questions,please。 –
对不起,赢了;再次发生 – joshzee