2013-04-10 72 views
1

我想要做的是在html文檔中創建'div'元素,並使用CSS或Javascript/JQuery,更改背景透明度,使其看起來像是Android的Simple Calendar WidgetGlass Widgets。有沒有人知道一種方法來做到這一點?我已經嘗試過CSS不透明度函數,但它會混淆所有文本,如果我創建第二個「div」並設置透明度,我需要手動調整它的大小,我不希望這樣做。透明HTML

我道歉,如果有一個簡單的方法來做到這一點,我已經浪費了大家的時間,但我真的停留在此。

+0

你可以使用IE'filters'和Firefox中的/ etc ..你可以用'背景:RGBA(0,0,0 .2)'這裏.2不透明度(從0-1) – 2013-04-10 16:11:17

+0

可能重複[不透明背景,但不是文字](http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text) – isherwood 2013-04-10 16:12:18

+0

簡單的方法=使用1x1像素大小的.png圖像! – adeneo 2013-04-10 16:12:27

回答

1

您應該使用在rgba(0,0,0,0.5)阿爾法值,如果你不想不透明度爲影響後代文本節點..

http://www.w3.org/TR/css3-color/#rgba-color

唯一的缺點是低於IE 9不支持(http://caniuse.com/css3-colors

+0

我幾乎肯定這在IE中不起作用。特別是舊版本。 – 2013-04-10 16:11:36

+0

我認爲這將工作,有什麼辦法讓它在IE8中? – 2013-04-10 16:21:14

+0

downvote?並感謝您的幫助 – 2013-04-10 16:24:24