1

アプリケーションのステップバイステップ メニュー (ウィザードのようなもの) を構築しようとしています。ネット上で自分にぴったりと思われるコードを見つけました。

コード用のJS Fiddleを作成しました。

問題は、例が IE で使用できない前後のセレクターに基づいており、IE では機能しないことです。

jQueryには、IEで機能する可能性のある前後の機能があることは知っていますが、解決策を見つけることができるjQueryの専門知識はあまりありません。

この種のメニューがすべてのブラウザーで一貫して機能するようにするにはどうすればよいですか?

4

1 に答える 1

1

実際、:beforeおよび:afterセレクターが行うことは、適用先の要素の前後にコンテンツを挿入することだけです。古いブラウザーの場合、確かに js に頼ることができますが、一部の訪問者は、js が無効になっている可能性があるため、まだ表示されません。

たとえば、必要なコンテンツを html に直接挿入して、特定のクラスを指定するだけ.a-afterです.a-before。:before次に、およびの代わりにそれらにスタイリングを適用できます:after。

説明するのは少し難しいので、私の提案でフィドルを更新する自由を取りました。http://jsfiddle.net/9CsDr/2/ :before en :after を使用しないため、これは古いブラウザーでも問題なく動作するはずです。コードをよりきれいにするわけではありませんが、機能します...

そして、私はデビッド・アレンに同意します。この場合、背景画像で作業することも私の選択です!

于 2012-08-18T21:32:28.213 に答える