替代解決方案CSS僞元素：之前，IE6/7

Question

我創建了一個滑動旋轉木馬，它使用僞元素：之前識別當前項目你在，但是僞元素不會在IE6/7的支持。

想知道如果任何能想到的替換方案的具有用於IE6/7工作僞元件。

這裏是我的頁面的樣子：http://jsfiddle.net/Qcwta/

JavaScript的解決方案是可以接受的爲好。

Answer 1

如下我woudl添加額外的元素到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，它支持:before selector也還IE 6.請參閱CSS :before/:after Selectors in IE 6,7

Answer 3

我已經在過去使用，工作得很好，並增加了：前/：後「元素以及其他細節。

這是唯一的解決方案，我想出來的。