z-index相关内容

使用z-index将元素放置在div下

我试图把一个将在其父母和其他元素之下的子div。 .box1 {background-color:blue;宽度:500px; height:100px;位置:相对; z-index:3;}。box2 {position:absolute;背景颜色:红色;宽度:200px; height:100px;左:30%; top:20px; z-index:2;}。box3 {background ..
发布时间:2018-06-23 15:58:06 前端开发

低于文本但高于背景的Z索引

我试图让div显示为包含div的内联内容下方的部分背景,但在其容器的背景之上。如果我只将部分背景的z-index设置为-1,它会出现在背景之后。但是,如果我将包含div的z-index设置为1,而包含的div的z-index为-1,则它会根据需要显示。 有人可以向我解释为什么会这样,如果这是一种可靠的方法吗? .container {position:relative;宽度:80%; ..
发布时间:2018-06-23 15:31:19 前端开发

Twitter Bootstrap按钮下拉z-index分层问题

我一直在冲击和冲击这件事。 我在我的网站上有一个评论部分,它提供了一个可以使用Twitter Bootstrap下拉按钮进行编辑的选项,但正如您在下面看到的,它隐藏了以下评论。 我知道这不是溢出问题,因为您可以在最后一条评论中看到它的底部。所以它只能是 z-index 分层问题。但是我把所有的注释放在 z-index:4 和 z-index:1000 的下拉列表中,所以我不知道该怎么做! ..
发布时间:2018-06-23 13:57:50 前端开发

div的不透明度会产生意想不到的结果,并将内容与图像混合在一起

有人可以解释为什么第二个&以下代码段中的第三个div似乎与图像混合?为了清楚起见,这里的问题是关于为什么内容元素的不透明度似乎影响图层顺序。 该图像是一个不带透明度的动画gif。在上面的div里,一切看起来都像预期的那样。图像在它的白色背景上旋转,阻挡了它下面的div的文本内容。 在较低的两个div中,我减少了不透明度并以某种方式创建了文本被叠加在图像的上方。这在第三个div中进一步说 ..
发布时间:2018-06-22 21:37:13 前端开发

z-index不适用于固定元素

z-index 我正在处理我的代码。 >不适用于固定元素,因此,固定元素总是在前面。 有没有办法将非固定元素在一个固定的元素前面? 谢谢。 $ b #fixed {background-color:red;宽度:500px;身高:500px;位置:固定; z-index:0;}#normal {background-color:blue;宽度:500px;身高:500px; ..
发布时间:2018-06-21 18:21:46 前端开发

auto,0和没有z-index之间的区别?

有什么区别: z-index:auto z-index :0 完全没有z索引 以上所有情况均适用于div包含两个div,div1和div2,每个div的索引分别为9和10. 封闭div位于html的堆叠环境中。 解决方案 不指定 z-index 与 z-index相同:auto ;这是它的初始值。 auto 和 0 如果你的元素没有创建自己的堆栈上下文,这意味着 ..
发布时间:2018-06-20 16:33:48 前端开发

z-index不按预期工作

我目前正在使用Leaflet和Mapbox来创建自定义地图。所有工作都很好,直到我开始研究弹出窗口。 我的情况:我有一个自定义的导航/控制面板可以使用,但它需要后面任何打开的弹出窗口(它目前不是)。 我准备了 JSFiddle 和截图 我的部分CSS是 #map-nav { position:absolute; left:10px; top:10px; z-i ..
发布时间:2018-06-20 16:32:51 前端开发

在Internet Explorer 7中使用z-Index定位div

我有两个相对定位的DIV A& B. a有一个名为A'的子元素D',它是绝对定位的并且具有1000的Z-索引.DIV B'是DIV B的子元素并且也是绝对定位的。 Firefox按照预期呈现:A'-B'-BA(与用户距离最近) 然而,在IE7中,我得到:B'-B-A'-A 请问有人可以帮我解决问题吗?我已经浪费了几个小时这个问题! 在此先感谢, Stephan 解决方案 ..
发布时间:2018-06-19 21:52:25 前端开发

浮动元素是否像定位元素一样创建单独的堆叠上下文?

最近,我点燃了一篇关于CSS z-index属性的有趣文章。我发现它是因为我正在寻找一个答案,为什么来自前一个div的溢出文本显示在后面的div的背景之上,但不在下一个div的span的背景之上,就像这里( jsfiddle ): #overflowed { background-color:green; width:300px; height:100px; } #非浮动{ ..
发布时间:2018-06-19 20:48:16 前端开发

如何选择重叠绝对定位DIV的选项?

我有一个绝对定位的div,它像一个工具提示一样工作。鼠标悬停在某个元素上,然后隐藏在鼠标外面。在放置在工具提示元素上方的页面中,有几个 元素。在正常情况下,tooltip div将出现在select标签上。但是,当用户点击选择标签并显示选项时,它将与工具提示重叠。为选择标签或选项标签提供更高的z-index无效。 下面是一个示例代码来说明问题。 <身体GT; ..
发布时间:2018-06-19 20:17:42 前端开发

如何在父母的子女之上定位父母的子女?

我有一个容器div,它有 background-color:red; 。这个容器大约有12个孩子,而最后一个孩子有 background-color:blue; 。我试图用 background-color:blue 将容器移动到孩子的顶部。我为容器使用了更高的Z-index,但它仍然落后于孩子。 .no1 {width:800px; height:300px;背景颜色:红色;位置:相对; ..
发布时间:2018-06-19 15:01:02 前端开发

z-index和javascript事件

浏览器的默认行为似乎是绑定到顶级域名的事件,大多数z-index div被解雇。也就是说,我有多个onclicks每个div一个,但只有顶部的一个点击时触发区域。 有没有一种方法来触发附加到所有div的事件no问题是什么z-index是每一个,只要行动是'超过'div而不考虑z-index? 解决方案事件实际上不会发生在被另一个元素遮蔽的元素上,除非另一个元素被包含在第一个元素中,那么 ..
发布时间:2018-06-15 13:56:16 前端开发