「ブレッドクラム」のようなトレイルを簡単に作成できる CSS を作成しています。これは、正しくレンダリングされるフィドラーです。明らかに、私はz-indexIE8 のバグに問題がありますが、このブログに記載されている修正を使用しても修正されません。私の構造は少し異なりますが、すべての修正は、他のすべてのブラウザーで IE8 のバグを作成することです (笑)。
これをIE8で動作させ、他のブラウザで動作させ続ける正しい方向に誰かが私を向けることができますか? (< IE8 は気にしません)。
プロパティをアンカーと親の li 要素に既に追加しましたz-indexが、違いはなく、他のブラウザーで壊れただけです。
UPDATE 更新されたフィドルアンサー
ええと、デフォルトでは、後に来るアイテムはその前のアイテムとオーバーラップします。たとえば、リストでは、2 番目のアイテムが最初のアイテムの「上」に配置されます。
2 つ目は、は常にデフォルトで( に関して) :after「上」に配置されるため、オンに設定して自然な位置に切り替えると、余分な作業が必要になることです。z-index:beforez-index:before:after
z-indexしたがって、三角形をブレッドクラム項目の右側ではなく左側に配置することで、IE8の問題を回避できるはずです。2 番目の項目の三角形は最初の項目の矢印を作成し、3 番目の三角形は2番目など。
この更新された jsFiddleの最後の項目に:beforeand:afterを追加するだけで(必要に応じて)、準備完了です。jsFiddle が IE8 でうまくロードされません。他の誰かが確認できますか?ul