2012-04-10 58 views
3

transparent text用css透明文本

我需要在透明(而不是“200”)中编写像在图像中的任何文本。而不是“200”我需要改变这个文本。可能吗???

HTML:

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

你所试图做的是不是透明的文本。这只有在PNG或GIF才有可能。 – 2012-04-10 12:10:49

回答

2

这是不可能做到这一点的跨浏览器,除非你使用的图像。 没有为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/

+0

我不能在这里使用图像因为我需要改变这个文本 – 2012-04-10 12:10:48

+1

@Umidjon Urunov,因为我在我的答案中告诉你,只有webkit的解决方案。现在不适用于其他浏览器。 – meo 2012-04-10 12:12:21