z-index

0热度

2回答

我使用bootstrap-select插件进行了一些选择。问题是第一个选择显示的下拉列表位于切换第二个选择的按钮后面。检查出来（在年底的jsfiddle）：这是HTML： <div class="input-group"> <input id="min-value-input" type="text" class="form-control"> <div class="inp

2热度

3回答

z-index在两个固定元素上不起作用

我有两个固定容器，#meta和#meta-container，其中#meta应始终位于前景，因为它是一个全局控制元素。我的代码看起来像这样 #meta-container { position: fixed; z-index: 1; left: 0; right:0; bottom:0; top: 0; background-

0热度

3回答

Z-Index不适用于下拉式导航栏

我知道类似的问题已经被要求做与z索引不起作用的下拉菜单，但所有这些都没有为我的情况工作，或不适用的原因之一或其他。无论如何，我有一个问题，无论何时我将鼠标悬停在主块上以触发下拉菜单，当它出现在它后面的div后面时。（不知道它是否重要，但是当我将鼠标悬停在下拉列表中的某个选项上时，它会根据它应该在盘旋时的颜色进行更改，然后它会像最初应该那样跳到div的前面）。我不确定是什么导致了这一点，因为我

0热度

2回答

如何将背景图片放入背景？

@charset "utf-8"; html{ \t width: 100%; \t height: 100%; \t margin: 0; \t padding: 0; } body { \t background: #F2F2F2; \t width: 100%; \t height: 100%; \t margin

0热度

1回答

如何将移动菜单放置在内容上？

如果我将设备的宽度降低到移动菜单，我无法使用我的内容菜单，因此菜单变得无法点击。 Z指数不适合我。请问您能帮我吗？，代码： HTML： <html> <head> </head> <body> <div class="bg"> <ul class="topnav" id="myTopnav"> <li><a href="#home">Home</a></li> <

0热度

3回答

如何让我的“但尼丁”分会前移？

我试过申请z-index: -1但什么都不会似乎工作： HTML： <div id="dunedin"> Dunedin </div> CSS： #dunedin { font-size: 200px; text-align: center; position: relative; z-index: -1; }

0热度

1回答

相对元件覆盖固定元素

我有了position: fixed和z-index: 9999基本引导导航栏菜单，拥有一个具有position: relative和z-index: 1所有其他内容。该内容涵盖了我的导航栏中最大的z-index。怎么样？

0热度

1回答

无法在相对格上重叠位置绝对格

我希望我的黄色格在红色格上重叠。意味着红色盒子的一部分应该隐藏在黄色盒子后面。即使黄色框的z-索引高于红色框。下面是的jsfiddle <div style="width:40px;height:100px;"> <div id="relative"> <div class="absolute">yellow</div> </div> <div id="relative" sty

3热度

1回答

使用z-index堆叠伪元素

我正在使用CSS z-index正确堆叠我的div。在我的代码中，如果我将.nose::before和.nose::after设置为z-index: -1，它会将两个div放在堆栈的最后面。但是，我只是将这些div放在.nose div的后面。这里是我的代码： *, *::after, *::before { box-sizing: border-box; margin

2热度

3回答

CSS位置悬停时无法正常工作

我尝试在另一个div上使用position div。当我徘徊在.lg-each-contest上时会出现.current-caption。当盘旋在.time上时.current-caption悬停将相同。这里是我的代码 .lg-current-inner { border: 1px solid #bdbdbd; margin-bottom: 30px;