1

我在使用 Bootstrap 输入和 css 背面可见性属性（仅在 Chrome 中）时遇到了一些问题。

我想有两种观点；其中一个只能同时可见。动画会翻转当前活动视图并显示“背面”视图。这一切正常，但由于某种原因，当我在一侧添加引导输入时，当我翻转视图时它不会被隐藏（参见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 也有同样的问题。

4

1 回答 1

0

我找到了一种解决方法，只需使用position:static. 这不应该造成任何伤害，因为我在表格中使用了这个输入。http://jsfiddle.net/9CHEb/1/

编辑：将位置：静态更改为位置：静态

于 2013-05-05T07:49:24.090 回答