7

Twitter Bootstrap (CSS および JS) を使用しています。

この問題はモーダル プラグインに起因します。Firefox と IE では問題なく動作しますが、Chrome ではうまく表示されません。モーダルは正常にポップアップしますが、モーダル背景の後ろに隠れています。これは、フォームに入力したり、モーダル ボックスに含まれるテキストを表示したりすることができなくなることを意味します。

Bootstrap Web サイト ( http://twitter.github.com/bootstrap/javascript.html#modals ) では問題なく動作しているように見えるので、Chrome の既知のバグに関連している可能性があると考えました。

私は成功せずに解決策を探しました。Bootstrap の CSS や JS は一切変更していません。

私は何を取りこぼしたか？

4

1 に答える 1

10

のスタイル-webkit-overflow-scrolling: touch;がsection#maincontainerと競合しているように見えるため、これが発生していoverflow: autoます。

これは、固定配置を使用する要素内でタッチ スクリーンのスクロール オーバーフローを提供するために使用されると考えられている-webkit-overflow-scrolling: touch;ため、に適用する必要はないと思いますsection#maincontainer。

modal-bodyただし、親が固定配置を使用し、コンテンツがオーバーフローする可能性があるため、に適用することをお勧めします。

http://css-tricks.com/mobile-webkit-overflow-scrolling/

于 2012-06-12T07:08:27.123 に答える