不透明的div中显示透明文本

Question

3

我有一个背景图片，并在其上方放置了一个白色的div。我想在该div内放置透明文本，以便您可以"透过"看到背景图片。这是否可能？

应该看起来像这样：

- Moriz Büsing

使用 opacity 属性。 - Sterling Archer

3

您可以接近实现，但似乎这是仅适用于 WebKit 的解决方案：http://jsfiddle.net/j08691/pHCsF/。您最好只创建完整的图像。 - j08691

如何使用画布实现这个功能？ - Michael Schwartz

3个回答

1

在您的白色div上使用以下CSS属性，使底层图像透过显示。

background: rgba(255, 255, 255, 0.6);

- Babak Naffas

1

不，div 应该是不透明的，但文本应该是透明的。 - Moriz Büsing

0

不要用文本，而是使用具有像素“整体”（文本没有像素，周围有像素）的GIF图像。这可能是最高兼容性的解决方案。

- Andrej Ilic

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brian · Accepted Answer

您需要在 CSS 中使用此内容

-webkit-text-fill-color: transparent;