html - IE7 position fixed issue which Doctype doesn't fix

Question

刚刚完成一个站点并遇到位置问题:已在 IE7 上修复。我用谷歌搜索并尝试了不同的 Doctypes，但固定区域在 IE7 上仍然不在位。

我没有 IE7，但一位客户员工有，我可以使用在线 IE 渲染器/测试器查看问题。

我已经从测试站点中删除了 .htaccess，以便您可以看到站点/代码。

http://drinkzing.com/test

如有任何建议或帮助，我们将不胜感激。

Answer 1

有一个<div>和一个 <ul>元素都具有 id="logo-nav" .他们都设置了position:fixed和其他一些属性。我认为这是主要问题。去掉重复的ID，设置position:fixed仅适用于 <div>元素，然后我们可以调查问题(或者问题最多应该消失)。

如果您有较新版本的 Internet Explorer，您可以通过单击兼容性 View 按钮或在开发人员工具中选择 IE7 文档模式来模拟 IE7。

编辑:我注意到你没有设置任何 left #logo-nav 的属性(property).我不知道为什么 IE7 以不同于所有其他浏览器的方式计算默认位置，而是简单地添加 #logo-nav { left: 225px }对我有用。