2013-04-10 32 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