亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我可以在CSS:before /:after偽元素中更改圖像的高度嗎?

我可以在CSS:before /:after偽元素中更改圖像的高度嗎?

湖上湖 2019-11-08 10:35:27
假設我想使用圖像修飾指向某些文件類型的鏈接。我可以聲明我的鏈接為<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:"";

}


查看完整回答
反對 回復 2019-11-08
  • 3 回答
  • 0 關注
  • 1281 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號