Je développe actuellement une page simple.
Quelqu'un peut-il savoir de quelque manière que ce soit de superposer une image de texture sur le texte? Il semble que ce ne soit pas possible avec la spécification actuelle, mais s'il vous plaît laissez-moi savoir si cela est possible.
Merci et prenez soin de vous!
3 Réponses :
Pas avec pure CSS seul, et certainement pas de manière compatible avec le navigateur croisé. Mieux pour simplement en faire une image transparente .png.
Merci - on peut espérer une journée où les navigateurs jouent bien ensemble! Til alors, prends soin de toi.
Vous ne pouvez pas superposer une image sur le texte avec Native CSS 2.1, qui ne sera pas mise en œuvre dans CSS 3.0. La meilleure pratique consiste à utiliser une image d'arrière-plan et utilisez toujours votre texte dans la balise CODE> et masquez-la avec CSS.
<style>
h1 { background:url(images/imagepath.png) no-repeat; height:50px; width:300px; text-indent:-10000px; }
</style>
<body>
<h1>Insert Text Here</h1>
</body>
C'était ce que je pensais aussi. Merci d'avoir pris l'effort de taper le HTML aussi.
Dunno pourquoi personne n'a jamais répondu à cela. Ceci est possible en utilisant fond-clip : https://codepen.io/grsmto / stylo / zomwej
... Parce que cela est actuellement limité à une solution WebKit uniquement préfixée.
...non ce n'est pas. Fonctionne sur tous les navigateurs modernes.
Vous avez édité votre réponse ... puis répondit comme si vous commenciez à la version modifiée. Votre original était webkit-préfixé. De toute façon, comme ou non, 12% de partage de marché sont toujours qualifiés d'un navigateur grand public. Le support mobile semble également spotty (vous savez, comme d'écrire ce ). En bout de ligne, je ne pense pas que ce soit encore là.
J'ai édité parce que j'ai supposé que les lecteurs seraient en mesure d'ajouter elles-mêmes la version non précixée. Vous pouvez également laisser les utilisateurs choisir quelle que soit la solution pour ce problème, ils souhaitent adopter en fonction de leurs utilisateurs cibles. Au lieu d'essayer de faire ressembler ma réponse ressembler à une mauvaise (pour quelle raison exactement? ..). Ils sont bons à savoir s'ils veulent soutenir, c'est-à-dire ou non (aussi, entendu parler de "amélioration progressive"?).
Tant que les gens savent que c'est un non-aller sur IE et douteux sur mobile, je suis heureux. Rien de personnel. Juste partager des informations utiles. :) En fait, je suggérerais de l'ajouter à la réponse, mais c'est votre appel.
La réponse était bien. Il est temps d'arrêter de donner une merde sur IE. De cette façon, une fois que les dernières personnes (~ 3%) utilisent toujours IE meurent ou réalisez «Internet» ne fonctionne plus pour eux, puis ils seront mis à jour.