یک طراح وب

آدم ها را نمی توان فقط به یک یا چند موضوع ِ خاص، محدود ساخت. آدمی که این پشت نشسته است، از هر موضوعی می نویسد!

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

نوشته‌ی علیها در May 6, 2009 روی سی اس اس، مرورگر وب

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

bicubic-ie-ff

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

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

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

bicubic-ie

5 دیدگاه نوشته شده است! می توانید دیدگاه خود را بنویسید »

  • merci در 09/05/09 گفت:

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

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

  • علیرضا در 09/05/15 گفت:

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

  • سید امیر در 09/05/21 گفت:

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

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

  • خيلي خوب

این پست تا به حال بازتابی نداشته است!

لطفا قبل از نوشتن دیدگاه خود، توجه داشته باشید که دیدگاه‌تان در رابطه با این پست باشد. در غیر این‌صورت می‌توانید از فرم تماس استفاده کنید. ممنون از توجه‌تان :)
my avatar

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