Question

我是CSS的初学者，我正在尝试制作绝对位置菜单。它在firefox中运行良好，但在chrome中，我必须刷新页面才能使其正常工作。

www.gadgetcote.com/bangda

这是标头和内容包装器的CSS：

#headerWrapper{
    display:block;
    height:150px;
    width: 100%;
    padding-top:20px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999999;
    background:url(../images/body-bg.png) no-repeat center top #0066ff;
}

#contentWrapper{
    margin-top: 125px;
    padding-bottom:32px;
    padding-top: 100px;
}

如果我用chrome打开它，它就不会显示正确的显示。任何人都对此有所了解或如何正确地做到这一点？非常感谢

Answer 1

可能是由于职位问题。

position:fixed;

您能给我一个指向您网站的链接吗？我无法弄清楚问题所在。我需要检查html和完整的css代码。

Answer 2

实际上你需要像twitter这样的固定菜单栏。只需使用twitter bootstrap即可实现此目的。 http://twitter.github.com/bootstrap/#navigation它易于使用。固定菜单内置于其中。此外，您将获得一个良好的标准风格的网站。使用CSS链接

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">

或下载bootstrap.css文件并使用它。而且您不必担心CSS！

Answer 3

“但在chrome中，我必须刷新页面以使其正常工作。”

只要将Chrome放在那里，Chrome就会将CSS存储在缓存中。在这种情况下，刷新页面或清除缓存（工具＆gt;清除浏览数据＆gt;清空缓存）将修复它。

块位置元素在chrome中不起作用

3 个答案: