1

我刚刚遇到了一个元素（标题）的问题，它固定在页面顶部，消失了。这是在我正在创建的移动网站中找到的。

造成这种情况的原因是单击菜单按钮，该按钮将打开侧边栏导航。当我单击此按钮时，侧边栏会按预期打开，但随后标题会消失。剩下的是我使用Phark 方法的图像替换技术的残余；文本“菜单”被留下。（我很确定这对手头的问题并不重要，但我可能是错的。）

该header元素的样式如下：

header{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    background: url('../images/header-bg.png') #111 repeat-x top left;
    border-bottom: 1px solid #090909;
    text-align: center;
}

这只会发生在 Android 4.0 普通浏览器中（我测试过 Galaxy Tabs/Galaxy Nexus）。

什么会导致这种情况仅在 Android 4.0 浏览器中发生？

4

1 回答 1

8

问题似乎是header元素没有left属性值这一事实。为了解决这个问题，我只是为元素添加了一个left:0;属性header，给了我以下 CSS：

header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background: url('../images/header-bg.png') #111 repeat-x top left;
    border-bottom: 1px solid #090909;
    text-align: center;
}

在弄清楚这一点后，我记得在使用固定定位的桌面网站上遇到过类似的问题。我没有left设置属性的事实导致页面加载时固定元素甚至不出现。

希望这可以修复/激发将来为用户修复的想法！我知道从现在开始我将为所有固定元素设置 ax 和 y 轴位置属性；）

于 2013-04-11T22:54:50.773 回答