Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я могу объявить свои ссылки как
<a href='foo.pdf' class='pdflink'>A File!</a>
затем иметь CSS типа
.pdflink:after { content: url('/images/pdf.png') }
Теперь это работает отлично, за исключением случая, когда pdf.png
не подходит по размеру к тексту моей ссылки.
Я хотел бы иметь возможность указать браузеру, чтобы он масштабировал изображение :after
, но я не могу найти правильный синтаксис. Или это похоже на фоновые изображения, где изменение размера просто невозможно?
ETA: Я склоняюсь к тому, чтобы либо а) изменить размер исходного изображения до "правильного" размера на стороне сервера и/или б) изменить разметку, чтобы просто поставить тег IMG в строку. Я пытался избежать обеих этих вещей, но, похоже, они будут более совместимы, чем попытки сделать что-то чисто с помощью CSS. Ответ на мой первоначальный вопрос, похоже, звучит так: "Вы можете вроде как сделать это, иногда".