سبد (0)

خصوصیت opacity

مثال (خصوصیت opacity)

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

div
{
opacity:0.5;
}
خودتان امتحان کنید »

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


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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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  تعیین می کند که باید از والدش، ارث بری داشته باشد.  

مثالs

مثال - خودتان امتحان کنید

Change the opacity for an element

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

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه