我被一个希望非常简单的问题难住了。我有一个页面,由两个div组成:
标题将固定在页面顶部,主要内容部分将正常滚动。我需要我的主要内容div在滚动时覆盖标题。
通过将标题固定在顶部,给主要内容添加足够大的margin-top使其处于正确的位置,并调整z-index以使主要内容覆盖标题,我可以实现我想要的外观和感觉。问题是,当我这样做时,主要内容分区的margin-top覆盖了标题的所有链接和悬停元素,使它们可见但不活动。
我真的希望这是一个容易解决的问题。有人能提供建议吗?我正在尝试在不使用JavaScript的情况下完成此操作。非常感谢!
<div id="header">...</div>
<div id="content">...<div>
标题将固定在页面顶部,主要内容部分将正常滚动。我需要我的主要内容div在滚动时覆盖标题。
通过将标题固定在顶部,给主要内容添加足够大的margin-top使其处于正确的位置,并调整z-index以使主要内容覆盖标题,我可以实现我想要的外观和感觉。问题是,当我这样做时,主要内容分区的margin-top覆盖了标题的所有链接和悬停元素,使它们可见但不活动。
我真的希望这是一个容易解决的问题。有人能提供建议吗?我正在尝试在不使用JavaScript的情况下完成此操作。非常感谢!