Как установить фон шрифта с непрозрачностью, но не с текстом внутри него

Question

Я хочу использовать фоновый цвет тела и применить его к фону шрифта, но с непрозрачностью 0,1

Таким образом, HTML-это что-то вроде этого

<font class="addFav">Add to Fav {num of all favs}</font>

Я получаю тело BGcolor, скажем, # f7f7f7 и в теге страницы есть

.addFav{background-color:#f7f7f7;}

И в файле .css я установил цвет # 333;

font.addFav{color:#333;}

Я подумал об использовании двух div, но проблема в том, что текст внутри шрифта динамический

Answer 1

Привет, я упоминаю свойство, с помощью которого вы можете увеличивать и уменьшать непрозрачность фона, и это не повлияет на цвет текста. Просто посмотрите на CSS. Для непрозрачности вы должны использовать цвет rgb в background alpa.

фон: rgba (146,146,146,0.1);

или см. Пример: - http://jsfiddle.net/8LFLd/3/

Answer 2

Просто используйте свойство прозрачности CSS3.

.addFav{background-color:#f7f7f7;opacity:0.1;}

Answer 3

 .addFav
    {
        /* Fallback for web browsers that don't support RGBa */
        background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */
        background-color: rgba(0, 0, 0, 0.6); /* For IE 5.5 - 7*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

        opacity:0.6; /* this will work if your browser supports css3*/
    }