2012-03-17 25 views
0

我想用身体的背景颜色,并将其应用到字体背景但不透明度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

+1

重复:http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text – 2012-03-17 07:28:16

+0

我看到了,但由于dosent工作我怎么说“我得到了身体的颜色”,而且颜色是动态的,因为用户会制作自己的主题,所以我不能设置它默认 – Ben 2012-03-17 07:34:09

+1

然后我不知道我明白。你有一个#F7F7F7的页面背景,并且你想要显示一个元素(不用介意,它是'',但我们会回到那个),使用相同的背景颜色?为什么不简单地使用元素的透明背景颜色? – 2012-03-17 07:39:04

回答

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

它dosent工作:(,因为身体的背景颜色是动态的,我的意思是用户将使自己的主题,我想获得该颜色使用它在Fav字体,但使其更明亮 – Ben 2012-03-17 07:37:54

+0

然后只是使字体颜色transperent与不透明度.. – 2012-03-17 07:41:33

+0

但使用完全相同的颜色将无济于事。如果你想使它更明亮,你将不得不使用Javascript来检索背景颜色,将其更改为更亮的东西,然后使用结果为'',或者,使用带有不透明度的#FFFFFF,比如'rgba(255,255,255,0.1)'。顺便提一下,0.1的不透明度对#F7F7F7没有太大的影响。 – 2012-03-17 07:41:37

-1

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

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

从问题:“但不是其中的文本” – Quentin 2012-03-17 07:35:31

+0

不知道它影响了字体,然后他回答了他自己的问题,“想用两个div” – justanotherhobbyist 2012-03-17 08:13:15

2

你好我提的属性,通过它可以增加和减少背景的不透明度,并不会影响文本颜色的简单查看CSS基本上你要使用的RGB颜色在背景ALPA不透明度。

background:rgba(146,146,146,0.1);

或看到的例子: - http://jsfiddle.net/8LFLd/3/

相关问题