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，但问题是字体内的文字是dinamic

Answer 1

您好我提到的属性可以增加和减少背景的不透明度，这不会影响文本颜色，简单的看到css基本上你必须使用背景alpa中的rgb颜色来实现不透明度。

背景：RGBA（146,146,146,0.1）;

或查看示例： - http://jsfiddle.net/8LFLd/3/

Answer 2

 .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*/
    }

Answer 3

只需使用CSS3不透明度属性。

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

如何使用不透明度设置字体背景，但不设置其中的文本

3 个答案: