Css 如何获得<;ul>;覆盖其他内容的弹出式div<;李>;不使用Javascript的元素
我有一把小提琴,你可以看到,当你把鼠标放在最上面一行的任何链接上,弹出的div就在最下面一行的列表元素下面。有人知道如何让它覆盖其他页面内容吗?我把z指数改得很高,所以它看起来在顶部,但它不起作用 以下是下拉框代码:Css 如何获得<;ul>;覆盖其他内容的弹出式div<;李>;不使用Javascript的元素,css,navigation,html-lists,Css,Navigation,Html Lists,我有一把小提琴,你可以看到,当你把鼠标放在最上面一行的任何链接上,弹出的div就在最下面一行的列表元素下面。有人知道如何让它覆盖其他页面内容吗?我把z指数改得很高,所以它看起来在顶部,但它不起作用 以下是下拉框代码: 在此处输入代码。下拉框{ 显示:无; 位置:静态; 宽度:400px; 高度:100px; z指数:9999; 背景:#e8dfc2; } *我知道我有一些视觉间距的问题,但我只需要一个工作模型,而不必是完美的…但 谢谢 z-index不适用于位置:static。这就好像你没有位置
在此处输入代码
。下拉框{
显示:无;
位置:静态;
宽度:400px;
高度:100px;
z指数:9999;
背景:#e8dfc2;
}
*我知道我有一些视觉间距的问题,但我只需要一个工作模型,而不必是完美的…但
谢谢
z-index
不适用于位置:static
。这就好像你没有位置一样
因此,改变你的
位置:绝对将解决你的问题,z-index
将发挥作用。woot!非常感谢你!我从未真正理解css属性的所有不同选项意味着什么。这里是解释:z索引只对定位元素有效(位置:绝对、位置:相对或位置:固定)。不用担心。确保你投票并给出正确答案。因此,如果其他人有同样的问题,他们就会知道。