24 の質問を含むオンライン テストがあり、それぞれに 4 つの回答があります。これらの回答がラベルとホバー効果のあるラジオ ボタンになるように CSS を設定しました。
これは、Chrome、Firefox、IE 10、Opera、iPad、Android (IE 9 を除くすべて) での外観の図です。
しかし、IE 9 では、質問 1 は次のようになります。
ユーザーが質問 13 にたどり着くまでに、CSS はスタイリングが適用される 51 番目の要素で作業を開始する次のようになります。
そして、その後のすべての質問は正しいように見えます。
iframe に埋め込まれたコードを確認できるテストへのリンクを次に示します。
http://improvedemployees.com/softskills/soft-skills-test/
生のテスト コードへのリンクを次に示します (動作は同じです)。
この問題の実際の動作を確認するには、質問される名前に数文字を入力し、[次へ] を数回クリックして質問 1 に進みます。
Internet Explorer 9 が最初の 50 要素の CSS の表示を拒否するのはなぜですか? 注: このテストの要素数は 200 未満であるため、制限の問題はないと考えています。