css - 带css的透明文本

Question

我需要像图像一样以透明（而不是“200”）写任何文本。我需要更改此文本，而不是“ 200 ”。可能吗？？？

HTML：

<div class="blocks">
      <div class="trans-200">200</div>
</div>

Answer 1

除非您使用图像，否则无法跨浏览器执行此操作。不过，webkit 有一种可能性：

background: url(images/wood_texture.jpg) repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;

http://www.silenceit.ca/2011/03/11/css-gradients-and-webkit-image-masks-on-text/