0

我制作了一个 CSS 粘性页脚菜单，除了使用 FF 检查元素时效果很好，页脚菜单跳了大约 100 像素。因此，当 Firebug 窗口可见时，菜单浮动在页面的中间！？

我已经将 body 和 html 设置为 100% 的高度，而且我还有一个高度为 100% 的容器 div ...有什么想法吗？

编辑：我刚刚尝试将容器 div 设置为溢出：自动。菜单不再浮动到页面的一半，但我有垂直滚动条？？

相关CSS：

#menu {
width: 960px;
height: 100px;
position: absolute;
bottom: 0px;
background-color: rgba(65, 64, 64, 0.75);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
4

3 回答 3

1

跨浏览器 CSS 粘性页脚不可能使用单一规则。我敢打赌这在 IE 中不起作用。对于坚如磐石的 css 粘性页脚工具，请看这里

于 2011-02-03T09:37:09.560 回答
0

您必须考虑到，当 firebug 加载时，它实际上会在其中发布自己的样式以突出显示元素。您可以尝试检查 Chrome/Safari 中的元素，以获得较少侵入性的突出显示。

希望这可以帮助。

于 2011-02-03T09:45:59.520 回答
0

您应该在 <body> 正下方的容器外放置菜单

于 2011-02-03T10:03:47.700 回答