Html CSS定位

Html CSS定位,html,css,positioning,Html,Css,Positioning,我在顶部有一个标题,其中包含以下css规则: position: fixed; position: relative; 我还有一些图像保存(并且需要保存)以下css规则: position: fixed; position: relative; 问题是,当用户滚动时,我的标题总是位于页面顶部,但当他们到达图像(位置:relative)时,它位于我的标题顶部。但标题应始终位于顶部。我是否可以应用另一个css规则来允许这种情况发生?只需在cssz-index:9999中设置标题div

我在顶部有一个标题,其中包含以下css规则:

 position: fixed;
 position: relative;
我还有一些图像保存(并且需要保存)以下css规则:

 position: fixed;
 position: relative;

问题是,当用户滚动时,我的标题总是位于页面顶部,但当他们到达图像(位置:relative)时,它位于我的标题顶部。但标题应始终位于顶部。我是否可以应用另一个css规则来允许这种情况发生?

只需在css
z-index:9999
中设置标题
div

,该问题可能与
z-index
有关。给出标题
z-index:99999999
,您的问题就会得到解决。

在标题CSS中添加
z-index
属性:

与:

z-index:10//可以是任何数字,但应大于图像的z-index
在图像CSS中添加:

z指数:5//应小于标题的z索引

无需将位置设置为
相对
绝对
。您可以使用以下代码:


文件编辑
身体{
填充:0px;
边际:0px;
}
.包裹{
宽度:100%;
高度:1500px;
背景色:#DDD;
}
.标题{
宽度:100%;
高度:60px;
背景色:#004080;
位置:固定;
}
伊姆格迪夫先生{
宽度:400px;
高度:400px;
浮动:左;
背景颜色:绿色;
}

您可以创建一个新的应用程序吗?这有助于建立上下文,因为我怀疑该问题是由于以下原因引起的。该问题可能与z-index有关:给你的标题z-index:99999999