Question

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

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

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浏览器中会出现什么情况？

Answer 1

似乎问题是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属性集的事实导致固定元素在页面加载时甚至不出现。

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

固定定位元素消失

1 个答案: