【问题标题】:Twitter Bootstrap Button dropdown z-index layering issueTwitter Bootstrap Button下拉z-index分层问题
【发布时间】:2015-05-12 11:44:31
【问题描述】:

我一直在敲打这个。 我的网站上有一个评论部分,可以选择使用 Twitter Bootstrap 下拉按钮进行编辑,但正如您在下面看到的,它被以下 cmets 隐藏。

我知道这不是overflow 问题,您可以在最后一条评论下看到它的底部。所以只能是z-index分层问题。但是我把所有的 cmets 放在z-index: 4 上,把下拉菜单放在z-index: 1000 上,所以我不知道该怎么办!

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

【问题讨论】:

  • 这似乎是你的问题 .animated { -webkit-animation-duration: 1s;动画持续时间:1s; -webkit-animation-fill-mode:两者;动画填充模式:两者; } 删除它
  • 谢谢!这确实导致了这个问题。不知道动画会导致分层(或可能更多渲染)问题。
  • @Andrew 你认为是填充模式还是整个动画?
  • Ok 用自定义而不是 animated.css 库修复它。
  • @Andrew 如果您将其标记为答案,我会将其标记为答案。

标签: html css twitter-bootstrap z-index layer


【解决方案1】:

只需更改/添加这个 css 属性

CSS

.post{
      -webkit-animation-fill-mode: none !important;
}

小提琴http://jsfiddle.net/ssL1yydx/31/

【讨论】:

    【解决方案2】:

    尝试删除:

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

    【讨论】:

      猜你喜欢
      • 2012-12-04
      • 2013-04-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-09-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多