Texte à fond imagé

Toujours en partant du code clip, il y a moyen de remplir un texte (assez grand), avec une image mais je crois que seuls les navigateurs en webkit (Chrome, Safari et Opera) peuvent les lire; je vais vérifier en ouvrant cette page avec Firefox: c'est hélas vrai !

Texte

code
<p id="mot">Texte</p>
<p style="text-align:center; font-size:12pt; color:blue;">code<br>...<br...</p>
<style><!--
#mot { font-size:250pt; text-align:center; width:1000px; height:563px; filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.8));-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.8));
background: url(http://ekladata.com/pourquoipas732.eklablog.com/perso/2015/octobre/04/DSCN5892.JPG) no-repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
--></style>