Struggling to incorporate an image into a text within an h1 tag. Here's what I've attempted:
<div class="image_clip">
<h1>
MY WONDERFUL TEXT
</h1>
</div>
In the CSS file:
.image_clip{
background: url(../images/default.png) repeat;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
However, the desired outcome is not achieved. Instead of the text incorporating the image as color, the entire background of the div displays the image, and the text remains black.
This attempt was made in Firefox, without testing on other browsers.
Any ideas on what might be missing here?
Thanks for any assistance.