Html 如何使白色div中的文本完全透明以显示背景？

我想做的是，在一个有白色不透明背景的div中，我希望文本是完全透明的，这样它就可以显示主体的背景

这是我到目前为止的源代码：

body，html{
颜色：#FFF；
身高：100%；
宽度：100%；
保证金：0；
排名：0；
左：0；
字体系列：Arial；
背景：url(http://forums.windowscentral.com/attachments/windows-10/104338d1431267538t-windows-spotlight-lockscreen-96-.jpg)中心固定；
背景尺寸：封面；
}
.中心{
位置：绝对位置；
显示：内联块；
填充：15px；
最高：50%；
左：50%；
文本对齐：居中；
宽度：400px；
字体大小：30px；
线高：30px；
高度：30px；
利润上限：-15px；
左边距：-215px；
背景：rgba（255255,5）；
}

Lorem ipsum dolor sit amet。

也将

#fff

设置为文本颜色

.center {
  color: #fff;
  background-color: #FFF;
}

---

透明的

没有颜色值，但背景有

对于布局，您可以使用白色边框，并将按钮的背景应用为透明。文本使用白色而不是透明。
我想您希望看到如下内容：


body，html{
颜色：#FFF；
身高：100%；
宽度：100%；
保证金：0；
排名：0；
左：0；
字体系列：Arial；
背景：url(http://forums.windowscentral.com/attachments/windows-10/104338d1431267538t-windows-spotlight-lockscreen-96-.jpg)中心固定；
背景尺寸：封面；
}
.中心{
位置：绝对位置；
显示：内联块；
填充：15px；
最高：50%；
左：50%；
文本对齐：居中；
宽度：400px；
字体大小：30px；
线高：30px；
高度：30px；
利润上限：-15px；
左边距：-215px；
背景：rgba（255255,1）；
}
跨度{
背景：url(http://forums.windowscentral.com/attachments/windows-10/104338d1431267538t-windows-spotlight-lockscreen-96-.jpg)中心固定；
背景尺寸：封面；
-webkit文本填充颜色：透明；
-webkit背景剪辑：文本；
显示：块；
}

Lorem ipsum dolor sit amet。
这没有意义-如果文本是透明的，你会看到按钮的背景，而不是按钮之外的任何东西。这就是我想做的，让文本看到按钮之外的任何东西。我需要添加其他HTML元素或其他什么吗？为什么不让文本具有适当的颜色？@Jornsharpe Nevermind，只需转到链接即可。你会明白我的意思的。谢谢，你知道我想要什么了！然而，只是一个更正，将当前的
span
css更改为：
span{background:url(http://forums.windowscentral.com/attachments/windows-10/104338d1431267538t-windows-spotlight-lockscreen-96-.jpg)中心固定；背景尺寸：封面；-webkit文本填充颜色：透明；-webkit背景剪辑：文本；显示：块；}
，并删除不必要的样式，如
#容器
，并删除html正文部分中的额外样式。只需改进您的答案，我就会这样做。@CZX谢谢，已进行相应编辑