我需要在透明(而不是「200」)中編寫像在圖像中的任何文本。而不是「200」我需要改變這個文本。可能嗎???
HTML:
<div class="blocks">
<div class="trans-200">200</div>
</div>
我需要在透明(而不是「200」)中編寫像在圖像中的任何文本。而不是「200」我需要改變這個文本。可能嗎???
HTML:
<div class="blocks">
<div class="trans-200">200</div>
</div>
這是不可能做到這一點的跨瀏覽器,除非你使用的圖像。 沒有爲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/
我不能在這裏使用圖像因爲我需要改變這個文本 – 2012-04-10 12:10:48
@Umidjon Urunov,因爲我在我的答案中告訴你,只有webkit的解決方案。現在不適用於其他瀏覽器。 – meo 2012-04-10 12:12:21
你所試圖做的是不是透明的文本。這隻有在PNG或GIF纔有可能。 – 2012-04-10 12:10:49