1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

تنظیم شفافیت عناصر Opacity

شروع موضوع توسط minaaa ‏30/8/13 در انجمن CSS

  1. کاربر ارزشمند

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,869
    تشکر شده:
    6,409
    امتیاز دستاورد:
    113
    در این بخش از آموزش css به توضیح ویژگی تنظیم شفافیت عناصر Opacity میپردازیم.

    Opacity
    با ویژگی Opacity میتوانید شفافیت تصاویر را تغییر دهید.
    img
    {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
    img:hover
    {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    }

    در مثال بالا زمانیکه opacity=40 تنظیم شده است ، تصویر کدر تر نمایش داده میشود و زمانیکه opacity=100 در نظر گرفته شده است تصویر به صورت کاملا شفاف نمایش داده میشود.این حالت زمانی اتفاق میفتد که img:hover انجام گیرد.یعنی با زفتن ماوس روی تصویر عکس به صورت شفاف نمایش داده میشود.