2012-03-17 52 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/