ویژگی Opacity در css

10 / 10
از 1 کاربر

در این بخش از مقالات طراحی سایت ،  ویژگی Opacity را توضیح می دهیم.
این خاصیت مقدار وضوح عکس را نشان می دهد به این ترتیب که هرچقدر opacity مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر Opacity کمتر باشد شفافیت تصویر کمتر می شود.

مثال زیر کاربرد ویژگی  Opacity در بخش آموزش Css نشان می دهد.

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 */
}

نکته ی قابل توجه این است که مرورگر اکسپلورر 6و7و8 از خاصیت Opacity پشتیبانی نمی کند.در این روش برای مقدار opacity اعدا را بین 0 تا 100 انتخاب می کنیم.در سایر مرورگرها این مقدار را بین 1 تا 0 در نظر می گیریم به این ترتیب که هرچه از 0 به سمت 1 برویم از شفافیت عنصر کاسته می شود.

opacity-css

ارسال نظر و نظرات ثبت شده
علی :
3 0
مطالبتون بسیار عالی هستن.
m :
4 0
سلام خسته نباشید من از ویژگی opacity برای شفاف کردن استفاده کردم اما نمیخوام متنم هم شفاف بشه میخوام متن من پر رنگ بمونه و پس زمینه ام شفاف بشه ممنون میشم سریع جواب بدید