خصوصیت opacity

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

div
{
opacity:0.5;
}

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

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

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

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

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

opacity: value|inherit;

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

این مثال نحوه استفاده از JavaScript را برای تغییر میزان شفافیت یک عنصر نمایش می دهد.