CS6擬似要素の代替ソリューション：IE6/7以前

Question

私はスライドカルーセルを作成しました。これは擬似要素を使用しています：あなたは現在の項目を識別するために使用されますが、IE6/7では擬似要素はサポートされません。

誰かがIE6/7で動作する疑似要素を持つ別の解決法を考えることができるかどうかわかりません。解決策は、同様に許容されるJavaScriptのhttp://jsfiddle.net/Qcwta/

：ここ

は、私のページは次のようになります。

Answer 1

私は次のようにdomに余分な要素を追加します。

Javascriptを

for (var i = 0; i < slides.length; i++){ 
      slideCount += '<li id="slide'+ i+'"><span class="highlight"></span><span>'+(i+1)+'</span></li>' ; 
     } 

CSSは

#carousel #slideCount li .highlight { 
    display:none; 
} 

#carousel #slideCount li.current .highlight, 
#carousel #slideCount .test { 
    border: 5px solid #ccc; 
    content: ''; 
    display: block; 
    height: 120px; 
    left: -5px; 
    position: absolute; 
    top: -15px; 
    width: 201px; 
    z-index: 3; 
} 

Answer 2

も

あなたはjQueryのを使用しない理由、それはIE 6を参照してくださいまた、:before selectorをサポートしていますCSS :before/:after Selectors in IE 6,7

Answer 3

私は非常にうまく機能して追加し、過去にを使用しました：/前：要素の」後他の細部と一緒に。

これは私が思いついた唯一の解決策です。