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

标签 html css internet-explorer-7

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

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

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

http://drinkzing.com/test

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

最佳答案

有一个<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 }对我有用。

关于html - IE7 position fixed issue which Doctype doesn't fix,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6778627/

相关文章:

html - 弹出窗口中的固定元素

javascript - 使用 javascript 将 HTML 子选项卡和父选项卡添加到事件类

javascript - 当 React 状态发生变化时,如何在悬停时仅重新渲染一个组件

html - 如何设置 float div相对于邻居的宽度

html - 如何保持宽高比但调整背景图像大小以适合整个屏幕,即使它不能显示整个图片

css - 为 IE8 使用@media print

javascript - 在 chrome 和 mozilla 中用 relative 和 grid 显示不同的元素值

css - IE7图形问题

css - IE7 ms 后台过滤器不工作

css - IE7 CSS :first-child Selector with Media Query