در این بخش از آموزش css به توضیح ویژگی تنظیم شفافیت عناصر Opacity میپردازیم. Opacity با ویژگی Opacity میتوانید شفافیت تصاویر را تغییر دهید. 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 */ } در مثال بالا زمانیکه opacity=40 تنظیم شده است ، تصویر کدر تر نمایش داده میشود و زمانیکه opacity=100 در نظر گرفته شده است تصویر به صورت کاملا شفاف نمایش داده میشود.این حالت زمانی اتفاق میفتد که img:hover انجام گیرد.یعنی با زفتن ماوس روی تصویر عکس به صورت شفاف نمایش داده میشود.