سؤال

أحاول إنشاء زر مستدير -webkit-border-radius

هذا يعطيني هذا الزر (في سفاري):

round corner with background color

يمكنك أن ترى أن لون الخلفية يفيض في التقريب. حاولت تغيير حجم الحدود ونصف قطرها ، لكنه لا يساعد. هل هذا خطأ عرض مع Safari أو شيء من هذا القبيل؟

هل كانت مفيدة؟

المحلول

إنه موجه هنا http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed؟d1dc0f00 مدونة مايك هاردينغ:

-webkit-background-clip: padding-box;

نصائح أخرى

يبدو أن هذا هو علة عرض مع WebKit. آدم بيتس على تويتر:

نحن في Safari 5 و Border-Radius Artifacts لا يزال هنا. لماذا لم يتم إصلاح هذا بالفعل؟ http://lensco.be/test/border-radius-artifacts/

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top