3

CSS3 PIEを使用して、border-radius のサポートを IE8 以前に追加していますが、:first-child セレクターと競合しています。

基本的に、左に 3 つのリスト アイテムが浮かんでいます。0 に設定した最初のものを除いて、それぞれに 10px の左余白があります。

#steps li {
    ボーダー半径: 10px;
    フロート: 左;
    左マージン: 10px;
}
#steps li:最初の子 {
    マージン左: 0;
}

ボーダー半径のサポートを追加するためにセレクターに PIE を適用すると、セレクターが存在しない#steps liかのように、最初のリスト項目が再描画され、左余白が 10px に戻され#steps li:first-childます。PIE が要素を再描画したことが原因であることがわかります。これは、正しい位置で短時間点滅し、1 秒後に 10px を超えて移動するためです。

両方のセレクターに PIE を適用しようとしましたが、違いはありません。また、PIE サポート フォーラムで最初の子に関連するものを見つけることができません。

4

1 に答える 1

4

CSS3 PIEフォーラムの公式フォーラムをご覧ください-IE：first / last-child overwritten

最終結果は、追加する必要があるということです

#steps css3-container:first-child + li, 
#steps li:first-child {
    margin-left: 0;
}
于 2011-10-04T17:06:44.293 に答える