如何设置不透明度的字体背景而不是其中的文本答案

【问题标题】：How to set the font background with opacity but not the text inside it如何设置不透明度的字体背景而不是其中的文本
【发布时间】：2012-03-17 07:26:03
【问题描述】：

我想使用正文的背景颜色并将其应用于字体背景，但不透明度为 0.1

所以html是这样的

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

我得到了body BGcolor，比如说#f7f7f7，在页面的标签中是

.addFav{background-color:#f7f7f7;}

在 .css 文件中，我将颜色设置为 #333；

font.addFav{color:#333;}

本想用两个div，但问题是字体里面的文字是动态的

【问题讨论】：

重复：stackoverflow.com/questions/637921/…
我看到了，但是因为我说“我得到了身体的 bgcolor”，而且颜色是动态的，所以我看到了，但是没有用，因为用户会制作自己的主题，所以我不能默认设置它跨度>
那我不确定我是否理解。你有一个#F7F7F7 的页面背景，并且你想显示一个具有相同背景颜色的元素（不要介意它是<font>，但我们稍后再谈）？为什么不简单地为元素使用透明背景色？

标签： html css

【解决方案1】：

您好，我提到了一个属性，您可以通过它增加和减少背景的不透明度，并且不会影响文本颜色，简单地看 css，基本上您必须在背景 alpa 中使用 rgb 颜色来获得不透明度。

背景：rgba(146,146,146,0.1);

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

【讨论】：

【解决方案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*/
    }

【讨论】：

它不起作用 :( ，因为主体的背景颜色是动态的，我的意思是用户将制作自己的主题，我想获得该颜色以在 Fav 字体中使用它，但要制作它更亮
但是使用完全相同的颜色并没有帮助。如果你想让它更亮，你必须使用 Javascript 来检索背景颜色，将其更改为更亮的颜色，然后将结果用于<font>。或者，使用带有不透明度的#FFFFFF，例如rgba(255,255,255,0.1)。顺便说一句，0.1 的不透明度不会对#F7F7F7 产生太大影响。
@KishoreJangid 是的，不透明度会起作用，但我希望颜色相同 #333。使用 js 会很容易，但我不想使用 javaScript
@MarianPetrov Kishore 的例子如果你用rgba(255,255,255,0.1) 替换他的rgba(0, 0, 0, 0.6) 将起作用。正如我所说，您不会在#F7F7F7 的背景颜色上看到任何差异。使用较暗的进行测试！
那么解决这个问题的唯一方法是使用 javascript 或 css3

【解决方案3】：

只需使用 CSS3 的 opacity 属性即可。

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

【讨论】：

来自问题：“但不是里面的文字”
不知道它也影响了字体，然后他用“考虑使用两个 div”回答了自己的问题