How to set an image inside text?

Question

How can I put an image inside text, so the text has as color the image?

Answer 1

background:url(img);
background-clip:text;

(might have to add vendor prefixes on clip...)

Answer 2

prefixes:
-moz- (mozilla)
-o- (opera)
-ms- (internet explorer)
-webkit- (mobile)
(use appropriate)

Answer 3

try vendor prefixes :
-webkit-background-clip:text;

Answer 4

Nothing… (is the url accurate?)

Answer 5

Here's my code :
<span id="span1">
<h1 style="background:url('image.jpg');-webkit-background-clip:text;text-decoration:underline">MyHomePage</h1>
</span>
What I did wrong?

Answer 6

Yeah, sure. The file is image.jpg and it's in the same folder. Also, if I don't write background-clip:text, it sets the image as background; if I write it as shown above, nothing happens. However Thank You @ValentinHacker.

Answer 7

I read that it can be done with background-clip, but I didn't understand the entire code.

Answer 8

I just tried it but it sets the image as background and not inside the text.

Answer 9

Tried with Chrome Mobile with -webkit-, there's no difference.

Answer 10

Thank You, but It's the same.