假設我想使用圖像修飾指向某些文件類型的鏈接。我可以聲明我的鏈接為<a href='foo.pdf' class='pdflink'>A File!</a>然后像CSS.pdflink:after { content: url('/images/pdf.png') }現在,這很好用,除非pdf.png不是我的鏈接文本的合適大小。我希望能夠告訴瀏覽器縮放:after圖像,但是我終生無法找到正確的語法。還是像背景圖片那樣無法調整大?。縀TA:我傾向于a)將源圖像的大小調整為服務器端的“正確”大小,和/或b)更改標記以簡單地內聯提供IMG標簽。我試圖避免這兩件事,但是它們聽起來比單純用CSS做事更具兼容性。答案我原來的問題似乎是“你可以排序的做到這一點,有時”。
3 回答

Cats萌萌
TA貢獻1805條經驗 獲得超9個贊
background-size允許調整。但是,您仍然需要指定塊的寬度和高度。
.pdflink:after {
background-image: url('/images/pdf.png');
background-size: 10px 20px;
display: inline-block;
width: 10px;
height: 20px;
content:"";
}
- 3 回答
- 0 關注
- 1281 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消