【问题标题】:keeping position fixed div over other position relative divs将位置固定 div 保持在其他位置相对 div 之上
【发布时间】:2011-12-23 00:04:46
【问题描述】:

我有一些 facebook 样式的标题 div,它是位置:固定的。 所以当我滚动页面时,页面的所有其余部分都在这个标题下。

但是现在我在该页面位置上创建了一个 div:相对,现在当我滚动它时它会越过标题。有什么办法可以解决这个问题吗?

【问题讨论】:

    标签: html css


    【解决方案1】:

    我相信您应该检查 facebook 样式标题 divz-index 并确保相对的新标题的 z-index 低于标题。

    其他问题:

    该相对 div 是否包含任何媒体?像闪光灯或电影等?这也可能导致内容在某些浏览器中位于其他内容之上。

    【讨论】:

    • 对于flash,你可以使用这个:<param name="wmode" value="transparent"/>它会使flash box出现在其他z-indexed元素下。对于视频我不确定。
    【解决方案2】:

    你可以使用 position:absolute; z-index:10000; (大于页面的 z-index)

    【讨论】:

    • 你能给我看例子吗?标题 css 位置:固定。有问题的 div css 位置:相对。现在什么必须改成什么?
    • 但你最好使用 javascript 而不是 position:fixed;,position:fixed 在不同的浏览器中会出错。要在 javascript 中执行此操作,您应该确定 scrollTop 并相应地设置标题顶部位置。
    猜你喜欢
    • 1970-01-01
    • 2014-03-19
    • 1970-01-01
    • 1970-01-01
    • 2011-08-17
    • 1970-01-01
    • 2012-04-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多