固定位置的元素消失

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

什么导致这是一个点击菜单按钮，这将打开边栏导航。当我点击这个按钮时，侧栏会按预期打开，但是页眉会消失。剩下的就是我使用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浏览器中发生什么？

来源

2013-04-11 Fillip Peyton

什么似乎是问题是事实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轴位置属性设置为我所有的固定元素;）

来源

2013-04-11 22:54:50

固定位置的元素消失

回答

相关问题