2012-04-10 83 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