google-chrome - Bootstrap 输入追加和背面可见性

Question

我在使用 Bootstrap 输入和 css backface-visiblity 属性(仅在 Chrome 中)时遇到了一些问题。

我想有两个观点；其中之一只能同时可见。动画会翻转当前事件 View 并显示“背面” View 。这一切都很好，但由于某种原因，当我在一侧添加 Bootstrap 输入时，当我翻转 View 时它不会被隐藏(参见 http://jsfiddle.net/AfnLc/ )。我检查了 bootstrap.less 并确定了负责的部分。

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

如果我删除 position: relative 行，一切正常，但我不愿意这样做，因为它 (1) 改变了 Bootstrap，并且 (2) 可能对其余部分有副作用应用程序。

有人知道如何正确解决这个问题或有解决方法吗？这个问题似乎只在 Chrome 和 Safari(都是 Mac OS X)中出现，但在 Firefox (Mac OS X) 中没有出现。

编辑:iOS Chrome 和 Safari 有同样的问题。

Answer 1

我找到了一个解决方法，就是用 position:static 在本地覆盖 position 属性。当我在表格中使用此输入时，这不会造成任何伤害。 http://jsfiddle.net/9CHEb/1/

编辑:将 posityion:static 更改为 position:static