خاصیت opacity :

این خاصیت میزان شفافیت و وضوح یک عنصر را از ۰ تا ۱ مشخص می کند . برای مثال بوسیله این خاصیت می توانید شفافیت یک عکس را کم کرده و کاری نمایید تا محتویات پشت آن نیز دیده شود .
شکل کلی استفاده از این خاصیت به صورت زیر است :

;Syntax :opacity: value | inherit 

خاصیت opacity می تواند دارای یکی از ۲ مقدار زیر باشد :

value:

این پارامتر میزان شفافیت و وضوح یک عنصر را تعیین می کند . مقدار این خاصیت از ۱ تا ۰ بوده و هرچه از ۰ به سمت ۱ برود از شفافیت عنصر کاسته می شود .
صفر = وضوح کامل
۱ = عدم وضوح کامل
مقدار پیش فرض نیز یک است .

inherit: 

این مقدار باعث می شود تا عنصر شفافیت خود را از عنصر مادر ( parent ) به ارث ببرد .

پشتیانی در مرورگر های مختلف :

اکثر مرورگر های مطرح ب به صورت عادی از این خاصیت پشتیانی می کنند .