إزالة حدود الصورة باللغة الكروم و "الحدود: لا شيء ؛" في CSS. لحل هذه المشكلة ، ضع في اعتبارك الأساليب التالية:

تحيز خلل الكروم

لديه خطأ معروف يتجاهل "الحدود: لا شيء ؛" أسلوب. للتغلب على هذا ، استخدم كتلة معرف CSS التالية لإنشاء منطقة شفافة مع الحشوة المطلوبة ، خداعًا فعليًا للكروم في التفكير أنه لا توجد صورة:

#dlbutn { العرض: كتلة ؛ العرض: 0px ؛ الارتفاع: 0px ؛ الخطوط العريضة: لا شيء ؛ Padding: 43px 51px 43px 51px ؛ الهامش: 0 Auto 5px Auto ؛ صورة الخلفية: url (/emages/download-button-102x86.png) ؛ تكرار الخلفية: عدم التكرار ؛ }

#dlbutn {
    display: block;
    width: 0px;
    height: 0px;
    outline: none;
    padding: 43px 51px 43px 51px;
    margin: 0 auto 5px auto;
    background-image: url(/images/download-button-102x86.png);
    background-repeat: no-repeat;
}

img ، img { الخطوط العريضة: لا شيء ؛ الحدود: لا شيء ؛ } $ ('img'). attr ('border' ، '0') ؛ }) ؛

اعتبارات إضافية

img, a img {
    outline: none;
    border: none;
}

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