交叉浏览器透明文本与CSS

时间:2013-04-21 17:37:30

标签: html css html5 css3

我所拥有的是带有背景图像的div,在这样的div中我有另一个较小且背景颜色为白色的元素。在这个元素里面,我有文字,我不想透明,所以我们可以看到第一个div的背景图像。

尝试应用color: transparent;,但似乎无效。是否有可靠的css方法来实现这一目标?

2 个答案:

答案 0 :(得分:0)

你做不到。做这样的事情的唯一方法是让“带有文本的背景”成为你放在背景图像上的图像。

答案 1 :(得分:0)

实际上这只适用于CSS。在你的较小元素与白色背景你可以使用CSS3与IE 6-8的后备。对于后备,您可以使用透明的PNG。

白色bg的CSS3代码为:

background-color: rgba(255,255,255,0.5)

我为您设置了一个codepen,以便查看代码。 http://codepen.io/DheerG/pen/tkKqC

此外,如果您希望较小元素中的所有内容都是透明的,则可以使用css opacity元素。

opacity: 0.6;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/* IE 5-7 */
filter: alpha(opacity=60);
相关问题