Html 带css的交叉浏览器透明文本

我有一个有背景图像的div，在这个div里面我有另一个元素，它更小，背景颜色是白色。在这个元素中，我有我不想透明的文本，所以我们可以看到第一个div的背景图像

---

尝试应用

颜色：透明但它似乎不起作用。有可靠的css方法来实现这一点吗？
你不能。这样做的唯一方法是将“带文本的背景”放在背景图像的上方。
实际上，只有CSS才能做到这一点。在带有白色背景的较小元素中，您可以使用CSS3作为IE 6-8的后备。对于回退，您可以使用透明PNG

白色背景的CSS3代码为：

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

我设置了一个代码笔，让您可以看到代码的运行。

另外，如果您希望较小元素中的所有内容都是透明的，那么可以使用css
opacity
元素

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

那javascript呢，它能实现吗？不。除了可能有画布，但在IE8或更旧版本中不起作用。好的，thnx的信息，这是一个糟糕的。。一旦有可能，我会给你一个答案，也许可以帮助你找到一个使用SVG的可行解决方案。你误解了OP的意图。他希望文本本身的字母显示背景中的图像（文本是完全透明的），但文本周围的白色是纯白的（完全不透明；因此就像是从文本中剪下的字母）。你的解决方案只是让文字和白色部分褪色，没有达到那种效果。既然你提到了这个问题，那么这个问题可能意味着什么。我想，问题中关于白色背景的较小元素的部分让我很反感。因此，我假设OP希望父div透明，而不是子div继承不透明性。