Alt öğeleri etkilemeden arka plan görüntü donukluk ayarlayın

Çocuk elemanlarının donukluk etkilemeden arka plan görüntüsü donukluk ayarlamak mümkün mü?

Örnek

Altbilgi tüm bağlantılar özel bir kurşun (arkaplan resmi) ve özel kurşunun opaklık P olacaktır.

html

<div id="footer">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
        <li><a href="#">Link 5</a></li>
    </ul>
</div>

css

#footer ul li {
    background: url(/images/arrow.png) no-repeat 0 50%;
}

Denedim

Denedim ayar matlık liste için P'si, ama sonra matlık bağlantı metni de 50% - ve orada görünmüyor bir şekilde reset matlık alt öğeler:

#footer ul li {
    background: url(/images/arrow.png) no-repeat 0 50%;
    /* will also set the opacity of the link text */        
    opacity: 0.5;
}

Ben de temsil etmek kullanarak denedim, ama herhangi bir etkisi arka plan görüntüsü yok:

#footer ul li {
    /* rgba doesn't apply to the background image */
    background: rgba(255, 255, 255, 0.5) url(/images/arrow.png) no-repeat 0 50%;
}