رفع مشکل دندانه دار شدن تصاویر در اینترنت اکسپلورر با استفاده از سی اس اس

باید متوجه شده باشید که وقتی یک تصویر را در صفحه قرار می دهید، اگر سایز ِ آن را با مشخصه های width و height تغییر دهید، تصویر دندانه دار می شود. این مشکل در مرورگری مثل فایرفاکس یا اُپرا وجود ندارد اما در اینترنت اکسپلورر به شکل ناخوشایندی به چشم می خورد.

bicubic-ie-ff

این مشکل را با دستور زیر می توان برطرف کرد:

img {
-ms-interpolation-mode: bicubic;
}

این مشخصه از الگوریتم bicubic استفاده می کند و در نتیجه، اینترنت اکسپلورر هم مانند مرورگرهای دیگر، تصاویری که تغییر سایز داده اید را مثل یک آقای خوب نشان خواهد داد :)

bicubic-ie

دیدگاه‌ها (۶)

  • مرسی آقای CSS-Tricks!

    پاسخ

  • آقا دستت درد نکنه. من دیده بودم این مشکل رو توی IE موقع طراحی وب. اما فکر نمیکردم راه حلی داشته باشه :)

    پاسخ

  • قابلی نداشت :)

    پاسخ

  • سلام
    وبلاگ خوب و پر محتوایی داری.
    یک جورایی محیط کاری هردومون مثل همه. طراحی وب
    خوشحال میشم به من هم سری بزنی

    لینک شما را هم در وبلاگم اضافه کردم.

    پاسخ

  • خیلی خوب

    پاسخ

  • سلام آقا
    متاسفانه این مشکل در فایرفاکس هم وجود داره و با این کد هم حل نمیشه، میشه یه راهنمایی در مورد فایرفاکس هم بفرمایین؟

    پاسخ

دیدگاه خود را ارسال کنید


می‌توانید از برخی کدهای HTML استفاده نمایید:


<a> <b> <blockquote> <i> <em> <pre> <code> <strong>