2

新しいHTML5検証を試していますが、タグrequired内の属性を使用しようとすると、「このフィールドを空白にすることはできません」というメッセージが正しく表示されません。このタグをTwitterBootstrapアコーディオン内に挿入し、Google Chrome(v。23)でフォームを送信しようとすると、問題が発生します。<input><input>

他のブラウザでは、メッセージはアコーディオンの上に表示されますが(Firefox 17でテストしました)、Chromeでは、メッセージの半分がアコーディオンのために非表示になっています。

このJSFiddleはこの問題を示しています。

どうすれば問題を解決できますか?なぜこうなった?

4

1 に答える 1

2

問題はoverflow:hidden;、要素にプロパティが設定されてdiv#collapseOneいるため、に設定する必要があることvisibleです。

#collapseOne {
    overflow:visible;            
}

jsfiddleを参照してください。

于 2012-12-27T12:05:32.583 に答える