css下拉栏被下面的层挡住怎么办~

Posted 2023-03-22

上面是也是个div层，用纯css做的下拉导航栏。下面是div层，只插入一张图片。但是下拉栏里的内容被下面的层挡住了~ 怎么办 求解~

在 position:relative;后加上z-index:19999;值越大代表层数越高，这样就不会被遮挡了. 参考技术A html 是有 z 轴的~~呵呵
设置 z-index 前提 必须设置 position: absolute 或者 position: relative; 否则 没有效果

下面的 div 设置 z-index:2 上面的div 就设置z-index:3 比下面的高就可以了~~~追问

嘿嘿 这个问题解决了~~
可以再问一个么 可以加分的
就是 怎么让一个div层的位置在浏览器中的位置比例而不发生变化 不过浏览器大小怎样~~

追答

你可以先固定一个div A 的位置后 对他使用 position: relative

然后在 A 内部 定义一个 div B 设置 B 的 position: absolute

这时候 B 的位置 就 相对于 A 了~~

本回答被提问者采纳 参考技术B position:relative;
z-index:19999;
样式加这2个属性就好啦

css下来菜单被下面的背景图片挡住了？

背景图片容器层级比下拉菜单层级高因此挡住了下拉菜单！在菜单样式部分加入z-index:99999; 参考技术A

设置菜单css

.menu position:relative; z-index:2 /* 如果下方背景图片设置了 z-index,这个值要比背景图片的大 */

参考技术B 你按背景设置下就好了