آموزش Css و برنامه نوسی وب

انجمن برنامه نویسی آموزش CSS

ویژگی Opacity در Css

ویژگی Opacity در Css

در این بخش از مقالات طراحی سایت، ویژگی Opacity را توضیح می‌دهیم.

این خاصیت مقدار وضوح عکس را نشان می‌دهد به این ترتیب که هرچقدر opacity مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر Opacity کمتر باشد شفافیت تصویر کمتر می‌شود.

مثال زیر کاربرد ویژگی Opacity در بخش آموزش Css را نشان می‌دهد.

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 */
}

نکته‌ی قابل توجه این است که مرورگر اکسپلورر 6 و 7 و 8 از خاصیت Opacity پشتیبانی نمیکنند. در این روش برای مقدار opacity اعداد را بین 0 تا 100 انتخاب می‌کنیم. در سایر مرورگرها این مقدار را بین 1 تا 0 در نظر می‌گیریم به این ترتیب که هرچه از 0 به سمت 1 برویم از شفافیت عنصر کاسته می‌شود.

Print

نظرات بسته شده است.

x
دی ان ان