1

Bootstrap 入力と css backface-visiblity 属性の使用に問題があります (Chrome のみ)。

2 つのビューが必要です。そのうちの 1 つだけが同時に表示されます。アニメーションが現在アクティブなビューを反転し、「背面」ビューを示します。これはすべて正常に機能しますが、何らかの理由で片側に 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) アプリケーションの残りの部分に副作用が生じる可能性があるため、これを行うのは気が進まないのです。

誰かがこれを適切に修正する方法を知っているか、回避策を持っていますか? この問題は、Chrome と Safari (両方とも Mac OS X) でのみ発生するようですが、Firefox (Mac OS X) では発生しません。

編集: iOS Chrome と Safari にも同じ問題があります。

4

1 に答える 1

0

でローカルに位置属性をオーバーライドするだけで回避策を見つけましたposition:static。この入力をテーブルで使用するため、これが害を及ぼすことはありません。http://jsfiddle.net/9CHEb/1/

編集: position:static を position:static に変更

于 2013-05-05T07:49:24.090 に答える