خصوصیت opacity

مثال

تنظیم میزان شفافیت یک عنصر div:

div
{
opacity:0.5;
}

در انتهای این آموزش، مثال های بیشتری را خواهید دید.

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت opacityرا پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، از خاصیت جایگزین filter برای تنظیم شفافیت استفاده می کند. مانند: (filter:Alpha(opacity=50.

تعریف و کاربرد

با استفاده از خصوصیت opacity می توان میزان شفافیت یک عنصر را مشخص کرد.

مقدار پیشفرض 1
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.opacity=0.5

نحوه استفاده

opacity: value|inherit;
مقدار توضیحات نمایش دادن
value

میزان شفافیت عنصر از 0.0 ( کاملا شفاف) تا 1.0 (کاملا مات) مشخص می کند.
inherit  تعيين مي کند که بايد از والدش، ارث بري داشته باشد.