이미지를 사용하여 특정 파일 형식에 대한 링크를 장식한다고 가정합니다. 링크를 다음과 같이 선언 할 수 있습니다.
<a href='foo.pdf' class='pdflink'>A File!</a>
그런 다음 CSS를
.pdflink:after { content: url('/images/pdf.png') }
이제 pdf.png
링크 텍스트에 적합한 크기가 아닌 경우를 제외하고 는 잘 작동 합니다.
브라우저에 :after
이미지 크기를 조정하도록 지시 하고 싶지만 인생의 올바른 구문을 찾을 수는 없습니다. 또는 크기 조정이 불가능한 배경 이미지와 같은 것입니까?
ETA : 나는 a) 소스 이미지를 서버 크기의 "올바른"크기로 조정하거나 b) IMG 태그를 인라인으로 제공하기 위해 마크 업을 변경하려고합니다. 나는 그 두 가지를 피하려고 노력했지만 CSS로 순수하게 작업하는 것보다 더 호환되는 것처럼 들립니다. 내 원래의 질문에 대한 대답은 "당신이 할 수있을 것으로 보인다 일종의 때로는 그것을".