css - IE7 でのクロス ブラウザー サポート用の純粋な CSS に基づくプログレス トラッカーのリスト項目の境界線の問題

Question

純粋な css に基づくプログレス トラッカーの動作デモがあります。FF、Chrome、IE8+ では正常に動作しますが、IE7 では動作しません。クラスtriangle-downのdivによってレンダリングされる矢印が表示されないため、IE7ではborder-right-style as solidに問題があるようです。

Answer 1

cssに少し変更を加えました

ul.progress-tracker div.triangle-down {
 left: -10px;
 bottom: -37px;
 margin-left: -20px;
}

.status-current{
 background: #f33738; 
}

ここにデモがあります