我想要做的是在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