Question

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

我想有两个观点;其中一个只能在同一时间看到。动画翻转当前活动的视图并显示“背面”视图。这一切都很好，但出于某种原因，当我在一侧添加Bootstrap输入时，当我翻转视图时它不会被隐藏（参见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）可能会对应用程序的其余部分产生副作用。< / p>

有没有人知道如何正确解决这个问题或有解决方法？这个问题似乎只发生在Chrome和Safari（Mac OS X）中，但不适用于Firefox（Mac OS X）。

编辑：iOS Chrome和Safari存在同样的问题。

Answer 1

我通过使用position:static在本地覆盖position属性找到了一种解决方法。这不应该造成任何伤害，因为我在表中使用此输入。 http://jsfiddle.net/9CHEb/1/

编辑：改变posityion：static into position：static

Bootstrap输入附加和背面可见性

1 个答案: