Belirli dosya türlerini kullanarak bir görüntü bağlantıları dekore etmek istiyorum sanırım. Benim bağlantı olarak ilan edebilirim

<a href='foo.pdf' class='pdflink'>A File!</a>

o zaman CSS gibi

.pdflink:after { content: url('/images/pdf.png') }

Şimdi, bu harika, eğer pdf.png link benim metin için doğru boyutu değil eğer dışında çalışır.

Ölçek tarayıcı :after resmi söylemek mümkün olmak istiyorum, ama beni yaşam için doğru sözdizimi bulamıyorum. Veya yeniden boyutlandırma mümkün değil arka plan görüntüleri gibi mi?

ETA: ya a) yanayım boyutlandırma "doğru" boyutu, sunucu tarafı ve/veya b) sadece IMG etiketi bir satır içi tedarik biçimlendirme değişiyor. kaynak resim Bunların ikisi de uzak durmaya çalışıyordum ama onlar şeyler tamamen CSS ile yapmak daha uyumlu olurlar gibi geliyor. Benim asıl sorunun cevabı "olabilir gibi görünüyorbir bakımaBu, bazen".

background-size ayarlama izin verilir. Hala blok genişliği ve yüksekliği, ancak belirtmek gerekir.

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    width: 10px; 
    height: 20px;
    content:"";
}

See the full Compatibility Table at the MDN.