Html CSS定位
我在顶部有一个标题,其中包含以下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
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