因此,借助flowplayer.org中的“ scrollable”,我在主页上构建了一些复杂的ajaxy jquery模块。
它对我在Chrome,Opera和Firefox上都可以正常工作,但是IE当然玩起来并不友好(无论是哪个版本,根据我的测试)。
对象未正确显示应有的位置,一些对象彼此重叠,单击按钮时某些div消失了。
但是,如果我上下调整IE浏览器窗口的大小,则显示内容大部分会自行修复。
然后,如果我单击所创建的按钮之一,则会再次使其混乱。直到我再次调整窗口大小,看起来还不错。
要查看问题:
转到makemeheal.com
访问几个产品页面(您需要产品浏览历史记录才能查看该模块)
转到:http://www.makemeheal.com/mmh/home.do?forceshowIE=1
查看“您的最近历史记录”模块。
(请注意forceshowIE = 1,因为默认情况下我为IE用户隐藏了它)
我在想,也许有一种方法有时可以迫使IE重绘整个模块?
或者,也许有人对如何解决潜在问题有更好的主意?
源代码在这里可用:
http://www.makemeheal.com/mmh/scripts/recentHistory.js
http://www.makemeheal.com/mmh/styles/recentHistory.css
谢谢
最佳答案
您在文件顶部缺少doctype声明,这导致IE恢复为怪癖模式。提供doctype将导致IE以标准模式呈现。 (不能说IE6仍然会起作用,但是IE7 / IE8应该与其他浏览器更加一致)
尝试将其放在主文件的顶部:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
希望可以解决它。