使段落背景透明而不透明文本

如何在不透明文本的情况下让背景透明？使段落背景透明而不透明文本

p{ 
    font-family:sans-serif, Times; 
    color:#666666; 
    opacity:0.5; 
    background-color:#00C72E; 
    width: 50%; 
    font-size:16px; 
    margin:0px; 

}

来源

2014-03-18 user3435074

您将要使用rgba颜色来实现此目的。像这样的东西应该为你工作：

p { 
    font-family:sans-serif, Times; 
    color:#666666; 
    background-color:rgba(0,199,46,.5); 
    width: 50%; 
    font-size:16px; 
    margin:0px; 
}

这里是一个小提琴：http://jsfiddle.net/Ty632/

来源

2014-03-18 21:18:52

IE8不支持rgba（）。也许有一个IE8的技巧：http://css-tricks.com/rgba-browser-support/ – JohanVdR

@sigma，正确的，IE8及以下不支持rgba。对透明度使用.png或.gif图像是最常见的解决方法。尽管在MS放弃对WinXP的支持时，我认为我们已经非常接近将IE8视为过去的事情了。 –

Rgba只是通过保留内部ithis div的内容来制作透明背景的绝佳技巧。 –

opacity:0.5;改变容器的不透明度和其中的内容。

你可以使用和RBGA背景色（background-color:rgba(0,199,46,0.5);），这是RGB值与最后一个不透明元素，但它不是很向下兼容。有关RGBA颜色的更多信息（包括浏览器兼容性图表）可以在这里找到：http://css-tricks.com/rgba-browser-support/

另一种选择是使用半透明PNG作为背景，它可以在大多数现代网络浏览器上使用。您可以在这里找到半透明PNG图像的浏览器兼容性图表：http://caniuse.com/png-alpha

来源

2014-03-18 21:22:04

使段落背景透明而不透明文本

回答

相关问题