Html 如何在css中对重新定位的div进行z索引 背景:

Html 如何在css中对重新定位的div进行z索引 背景:,html,css,Html,Css,我试着让菜单项在鼠标悬停时可以明显聚焦、改变颜色和扩大尺寸。虽然设置另一种颜色很容易,但尝试将其横向移动是一项比我想象的更复杂的任务。运动本身按它应该的方式工作,但是项目的z索引被弄乱了 问题: 背景颜色按其应设置,但理论上位于div元素后面的文本在菜单上仍然可见。应该留在菜单后面的文本容器和菜单项(及其父项)都是相对定位的,因此根据我读过的规则,它应该可以工作 退路。。。?解决方案: 尽管如此,将文本容器z-index设置为-1似乎解决了这个问题,但给了我另一个问题:光标将不会检测到它所悬停的

我试着让菜单项在鼠标悬停时可以明显聚焦、改变颜色和扩大尺寸。虽然设置另一种颜色很容易,但尝试将其横向移动是一项比我想象的更复杂的任务。运动本身按它应该的方式工作,但是项目的z索引被弄乱了

问题: 背景颜色按其应设置,但理论上位于div元素后面的文本在菜单上仍然可见。应该留在菜单后面的文本容器和菜单项(及其父项)都是相对定位的,因此根据我读过的规则,它应该可以工作

退路。。。?解决方案: 尽管如此,将文本容器z-index设置为-1似乎解决了这个问题,但给了我另一个问题:光标将不会检测到它所悬停的文本,从而将默认光标保留在文本上。在初始视口之外滚动时,鼠标按预期工作

我在这里提供了每期的视频演示: [Z-文本上的索引为0或正,菜单项上的索引为10]
[文本容器上为负Z索引,菜单项上为10]

html,
身体{
边界:0;
填充:0;
保证金:0;
身高:100%;
宽度:100%;
滚动行为:平滑;
}
#顶部菜单{
位置:固定;
顶部:0px;
背景色:红色;
宽度:100%;
身高:5公分;
z指数:2;
}
#右菜单{
位置:固定;
浮动:对;
右:0px;
顶部:5em;
背景色:青色;
宽度:10em;
高度:计算(100%-5em);
}
#容器{
位置:相对位置;
顶部:0em;
左:0em;
宽度:钙(100%-10em);
高度:计算(100%-0em);
z指数:-1;
}
#容器p{
z指数:-1;
}
.菜单项{
位置:相对位置;
身高:5公分;
线高:5em;
宽度:100%;
背景颜色:黄色;
文本对齐:左对齐;
光标:指针;
填充:01.5em;
保证金:0.1.5em 0;
边框:纯红1px;
z指数:10!重要;
}
.菜单项:类型的第一个{
边缘顶部:1米;
}
.菜单项:悬停{
背景颜色:绿色;
位置:相对位置;
左:-2米;
z指数:10!重要;
}
.菜单项范围{
显示:内联块;
垂直对齐:中间对齐;
线高:正常;
z指数:10!重要;
}
.定制填充{
位置:相对位置;
文本对齐:右对齐;
右:1em;
宽度:100%;
垫面:6rem;
页边顶部:0em;
}
.custompadding:类型的第一个{
垫顶:7rem;
}

罗尔夫·维达尔·霍克萨斯
联系方式
个人信息
标题1
知识是一种美德,是一种美德,是一种美德,是一种美德。Nibh nisl调味品id venenatis是一种高级调味品。请在这一年内完成临时任务。Nec乌拉姆科珀
坐在阿梅特·里索斯旁边。等分地,等分地。虎耳草。我要去看一看埃涅亚山前的土鸡。阿梅特诅咒我们坐着阿梅特名言坐着阿梅特正义。不允许发酵,也不允许欧盟的封建制度。
如果你的眼睛是直径的,那么你的眼睛就应该是直径的。在《不奉献的格言》a中,埃蒂亚姆·埃拉特·维利特·斯克利里斯克(Etiam erat velit scelerisque)。埃吉斯塔斯·埃吉斯塔斯·弗林利亚·菲塞卢斯·福西布斯·斯克利里斯克·埃利芬德·多尼克(Egestas fringilla phasellus faucibus scelerisque eleifend donec)。
这是一个非常重要的问题。马蒂斯·埃尼姆告诉我们,人生和狮子座是射手座的元素。奥古斯·埃吉特·阿库(augue eget arcu)的弗拉基亚·洛博蒂(lobortis feugiat vivamus)教堂。著名的ac turpis egestas integer eget aliquet。埃格斯塔斯埃拉特酒店
塞德·尤伊斯莫·尼西·莫利斯门酒店。在发酵过程中,不允许有尊严的食物。要有尊严,就要有尊严。我的心脏是心脏。枕叶元素和非枕叶元素。维韦拉酒店
在tellus integer feugiat。孕妇的辅助医疗设备。佩伦茨克pulvinar佩伦茨克居民morbi tristique Sentecus et netus et.Enim在欧洲密苏里州饲养了一头乌鸦。埃拉特·佩伦茨克阿迪皮斯的伊库利斯
康莫多。我坐在这儿。权杖,你的生命,拍卖人,你的奥古斯特。非直径前庭小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶小叶。这是一个很好的例子。同侧阴唇
一个优秀的佩伦茨克居住者。我不知道该怎么做。紫荆。我喜欢你的turpis egestas。利奥维尔奥奇发酵液中的防腐剂。枕元素
奥瓦里克·廷西登。在这之前,他是一个有权势的人。前廊的交流封建主义者mattis ullamcorper velit为ullamcorper。不允许发酵,也不允许欧盟的封建制度。无设备共用
同侧交通工具。这只猫是一只慈悲的猫。维塔拍卖行,奥古斯特·莱克图斯。埃蒂亚姆·埃拉特·维利特·斯克利斯克。Leo integer malesuada nunc vel。自由人之间的休止符。索利西丁
不可坐在公共交通工具上。整数eget aliquet nibh praesent tristique。我不知道怎么回事。菱形前庭是一个粗犷的精英,是一个高贵的前庭。这是一个临时的奥奇-欧-洛博蒂斯。
埃吉斯塔斯酒后驾车,或是阿库奥迪奥。大耳朵评论管理人员有权保留或删除其管辖评论中的任意内容。孕妇的设施是一个巨大的容器。杰出的乌拉姆科珀显要人物是一个贵族。妊娠期的胎儿或胎儿
在发酵液和溶剂中。奥纳维韦拉码头的发酵酒后酒。他坐在一间公寓里。努克·洛博蒂斯·马蒂斯·阿利奎姆·福西布斯·普鲁斯。莫利斯·努克·塞姆珀·里苏斯。坐在阿梅特·康塞特图·阿迪皮斯的座位上
精英杜伊斯。Luctus accumsan tortor posuere ac.在hendrerit孕妇中使用了semper risus。马萨临时nec酒店