Supposons que je veuille décorer des liens vers certains types de fichiers à l'aide d'une image. Je pourrais déclarer mes liens comme
<a href='foo.pdf' class='pdflink'>A File!</a>
puis CSS comme
.pdflink:after { content: url('/images/pdf.png') }
Maintenant, cela fonctionne très bien, sauf si ce pdf.png
n'est pas la bonne taille pour mon texte de lien.
J'aimerais pouvoir dire au navigateur de redimensionner l' :after
image, mais je ne peux pas pour la vie de moi trouver la bonne syntaxe. Ou est-ce comme des images d'arrière-plan, où le redimensionnement n'est tout simplement pas possible?
ETA: Je penche pour a) redimensionner l'image source pour qu'elle soit de la "bonne" taille, côté serveur et / ou b) changer le balisage pour fournir simplement une balise IMG en ligne. J'essayais d'éviter ces deux choses, mais elles semblent être plus compatibles que d'essayer de faire des choses uniquement avec CSS. La réponse à ma question initiale semble être "vous pouvez en quelque sorte le faire, parfois".