هل يمكنني ضبط ارتفاع الصورة في CSS: قبل/: بعد عناصر pseudo؟ على الرغم من أنه يمكن تغيير حجم صور الخلفية ، فليس من الواضح على الفور ما إذا كان ذلك ممكنًا لصور العناصر الزائفة.

الحل:

ومع ذلك ، ضع في اعتبارك أنك لا تزال بحاجة إلى تحديد عرض وارتفاع الكتلة المحيطة بالصورة: . pdflink: بعد {{ صورة الخلفية: url ('/images/pdf.png') ؛ حجم الخلفية: 10px 20px ؛ العرض: كتلة مضمنة. العرض: 10px ؛ الارتفاع: 20 بكسل ؛ محتوى: ""؛ }

تتيح لك هذه الطريقة التحكم في حجم الصورة داخل الكتلة المحددة. ومع ذلك ، لاحظ أن الأبعاد الإجمالية للكتلة نفسها ستحتاج أيضًا إلى تعيينها وفقًا لذلك.

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

لقد أعربت عن تحفظات حول تغيير حجم الصورة المصدر أو تعديل العلامات لتضمين علامة IMG. ومع ذلك ، إذا كان التوافق أولوية ، فقد تكون هذه الخيارات أكثر موثوقية من الاعتماد فقط على CSS.