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

bicubic-ie-ff

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

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

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

bicubic-ie

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

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

    پاسخ

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

    پاسخ

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

    پاسخ

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

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

    پاسخ

  • خيلي خوب

    پاسخ

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

    پاسخ

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


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


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