Fixed positioned elements disappears

I just ran across an issue with a element (the header), fixed positioned to the top of the page, disappearing. This was found in a mobile site I was creating. What was causing this was a click to a menu button, which would open the sidebar navigation. When I clicked this button, the sidebar would open as expected, but then the header would disappear. What would be left of it was the remnants of an image replacement technique I was using the [Phark Method][1]; the text "menu" was left behind. (I'm fairly sure that this is not important to the issue at hand, but I could be wrong.) The `header` element had styling like so: 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; } This would only happen in Android 4.0 stock browsers (Galaxy Tabs/Galaxy Nexus were some I tested). What would cause this to happen in just Android 4.0 browsers? [1]: http://www.mezzoblue.com/tests/revised-image-replacement/#phark

以上就是Fixed positioned elements disappears的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏