我想要做的是在html文檔中創建'div'元素,並使用CSS或Javascript/JQuery,更改背景透明度,使其看起來像是Android的Simple Calendar Widget或Glass Widgets。有沒有人知道一種方法來做到這一點?我已經嘗試過CSS不透明度函數,但它會混淆所有文本,如果我創建第二個「div」並設置透明度,我需要手動調整它的大小,我不希望這樣做。透明HTML
我道歉,如果有一個簡單的方法來做到這一點,我已經浪費了大家的時間,但我真的停留在此。
我想要做的是在html文檔中創建'div'元素,並使用CSS或Javascript/JQuery,更改背景透明度,使其看起來像是Android的Simple Calendar Widget或Glass Widgets。有沒有人知道一種方法來做到這一點?我已經嘗試過CSS不透明度函數,但它會混淆所有文本,如果我創建第二個「div」並設置透明度,我需要手動調整它的大小,我不希望這樣做。透明HTML
我道歉,如果有一個簡單的方法來做到這一點,我已經浪費了大家的時間,但我真的停留在此。
您應該使用在rgba(0,0,0,0.5)
阿爾法值,如果你不想不透明度爲影響後代文本節點..
http://www.w3.org/TR/css3-color/#rgba-color
唯一的缺點是低於IE 9不支持(http://caniuse.com/css3-colors)
我幾乎肯定這在IE中不起作用。特別是舊版本。 – 2013-04-10 16:11:36
我認爲這將工作,有什麼辦法讓它在IE8中? – 2013-04-10 16:21:14
downvote?並感謝您的幫助 – 2013-04-10 16:24:24
你可以使用IE'filters'和Firefox中的/ etc ..你可以用'背景:RGBA(0,0,0 .2)'這裏.2不透明度(從0-1) – 2013-04-10 16:11:17
可能重複[不透明背景,但不是文字](http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text) – isherwood 2013-04-10 16:12:18
簡單的方法=使用1x1像素大小的.png圖像! – adeneo 2013-04-10 16:12:27