Как сделать кросс-браузерную прозрачность только фону элемента?

Question

Как сделать кросс-браузерную прозрачность только для фона?

Я хочу придать прозрачность фону ul { background: }, только не хочу, чтобы текст внутри ul li a {} был прозрачным.

ul {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}

этот код делает все прозрачным http://perishablepress.com/press/2009/01/27/cross-browser-transparency-via-css/

Answer 1

вы можете использовать цвета RGBA. Я сделал для вас пример:

http://jsfiddle.net/ypaTH/

ul {
 background: rgba(255, 255, 255, 0.5) //white with opcaity of 50%
}

ul li {
 color: #fff;
 background: rgba(0, 0, 0, 0.5) //black with opcaity of 50%
}

вот обходной путь для IE и совместимого списка: http://css -tricks.com / RGBA-браузер Поддержка /