Question

如果有人可以请求帮助我在IE7中遇到了我的网站问题。转到此链接

当您加载页面然后将鼠标悬停在其中一个顶部导航链接上时，页脚会在页面上向上移动一半距离，并且只能通过滚动右侧的另一个选项卡来重置。

到底发生了什么事？这是DOCTYPE还是CSS问题？这是我已经检查过的内容

文档类型
用于图像高度和宽度的CSS样式，以查看它是否释放某种高度（我不知道）
重复的CSS样式

任何帮助都会很棒谢谢

Answer 1

只需添加：

overflow:hidden

到#nav a

顺便提一下，有一些更好的纯css翻转技术，just in case you didn't know

Answer 2

这有一种奇怪的气味（来自你的CSS文件）：

.rollover { display: block; cursor: pointer; }
/* Allow setting widths and heights */

.rollover img { width: 100%; height: 100%; border: 0; }
/* only set width and height once */

.rollover:hover { visibility: visible; /*for IE */ }
/* sets any property for the :hover state */

.rollover:hover img { visibility: hidden; }

我会在这里愚弄这个，也许摆脱可见性黑客......

如果您想制作不展示的内容，请使用display: none;代替visibility: hidden;

编辑：虽然这可能是也可能不是解决方案，但我过去常常在源代码中添加无穷无尽的评论，以便在开发过程中“知道我在哪里”。有一天，我在IE中遇到了一个奇怪的错误，它是由一个奇怪的评论组合产生的。在我摆脱了所有评论后，错误消失了......我不是说，我只是说......也许值得一试......

Answer 3

我想添加评论。但是，我没有任何要点添加评论。这就是为什么把它添加为答案。

我正在使用IE8。我打开了你在IE8中给出的链接，我没有注意到你提到的内容。它运行正常...如果可能，您可以尝试使用IE8。

谢谢， Srikrishna。

Answer 4

真奇怪的问题......

我只是好奇你的浮动：左; #footer上的属性，在我删除它之后似乎有效。试一试......

希望它有所帮助。思南。

ie7页脚停留在页面底部的问题

4 个答案: