css伪元素的替代解决方案：在IE6 / 7之前

Question

我创建了一个幻灯片轮播并使用伪元素：在识别当前项目之前，IE6 / 7不支持伪元素。

想知道是否有人能想到一个替代解决方案，让伪元素适用于IE6 / 7。

以下是我的网页的样子：http://jsfiddle.net/Qcwta/

JavaScript解决方案也是可以接受的。

Answer 1

我过去曾使用IE9.js，效果很好，并添加：before /：after'元素以及其他细节。

这是我提出的唯一解决方案。

Answer 2

为什么不使用jQuery，它也支持IE 6的:before selector。另请参阅CSS :before/:after Selectors in IE 6,7

Answer 3

我会在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;
}