Как установить непрозрачность цвета фона div?

У меня этот класс

.box { background-color:#fff; border:3px solid #eee; }

Мой вопрос в том, как я могу установить непрозрачность на белый фон только для того, чтобы он каким-то образом смешивался с моим фоном?

Спасибо.

Ответы

Ответ 1

CSS 3 представляет цвет rgba, и вы можете комбинировать его с графикой для обратного решения.

Ответ 2

Я думаю, rgba является самым быстрым и легким!

background: rgba(225, 225, 225, .8)

Ответ 3

Я бы сказал, что самый простой способ - использовать прозрачное фоновое изображение.

http://jsfiddle.net/m48nH/

background: url("http://musescore.org/sites/musescore.org/files/blue-translucent.png") repeat top left;

Ответ 4

Я думаю, что это касается практически всех браузеров. Я успешно использовал его в прошлом.

#div {
    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 */
}

Ответ 5

Вы можете использовать CSS3 RGBA таким образом:

rgba(255, 0, 0, 0.7);

0.7 означает непрозрачность 70%.