Twitter Bootstrap按钮下拉z-index分层问题 [英] Twitter Bootstrap Button dropdown z-index layering issue

问题描述

我一直在冲击和冲击这件事。
我在我的网站上有一个评论部分，它提供了一个可以使用Twitter Bootstrap下拉按钮进行编辑的选项，但正如您在下面看到的，它隐藏了以下评论。

我知道这不是溢出问题，因为您可以在最后一条评论中看到它的底部。所以它只能是 z-index 分层问题。但是我把所有的注释放在 z-index：4 和 z-index：1000 的下拉列表中，所以我不知道该怎么做！

这是一个jsFiddle： http：// jsfiddle .net / ssL1yydx / 29 /

解决方案

尝试删除：

  .animated {-webkit-animation-duration：1s;动画持续时间：1秒; -webkit-animation-fill-mode：both;动画填充模式：两者; } 
  

I've been pounding and pounding on this. I have a comment section on my site with an option to edit with a Twitter Bootstrap dropdown button, but I as you can see below, it's hidden by the following comments.

I know it's not an overflow issue, as you can see the bottom of it under the last comment. So it can only be z-index layering issue. But I put all the comments on z-index: 4 and the dropdown on z-index: 1000, so I have no idea what to do!

Here is a jsFiddle: http://jsfiddle.net/ssL1yydx/29/

解决方案

Try removing:

 .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

这篇关于Twitter Bootstrap按钮下拉z-index分层问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！