ویژگی Opacity در Css3

  • نویسنده موضوع نویسنده موضوع Sina
  • تاریخ شروع تاریخ شروع
👋 سلام!

انجمن یه حس خوب جایی برای گفت‌وگو، تجربه‌های مفید و ارتباط دوستانه است. برای ارسال پیام، چت خصوصی، یا دانلود فایل‌ها، کافیه ثبت‌نام کنی.

📝 [ثبت‌نام کن و شروع کن!]

Sina

Administrator
پرسنل مدیریت
2013-05-11
4,758
2,906
113
چابکســـر، سرزمین پارس
این خاصیت مقدار وضوح عکس را نشان می دهد به این ترتیب که هرچقدر opacity مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر Opacity کمتر باشد شفافیت تصویر کمتر می شود.

مثال:
HTML:
{
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 پشتیبانی نمی کند.در این روش برای مقدار opacity اعدا را بین ۰ تا ۱۰۰ انتخاب می کنیم.در سایر مرورگرها این مقدار را بین ۱ تا ۰ در نظر می گیریم به این ترتیب که هرچه از ۰ به سمت ۱ برویم از شفافیت عنصر کاسته می شود.

 

درباره ما

  • انجمن یه‌حس‌خوب در اردیبهشت سال 1392 با هدف ایجاد یک شبکه اجتماعی شامل موضوعات سرگرمی، علمی، دانشگاهی، فناوری و ... شروع بکار کرد و بیش از یک دهه آنلاین است. این مجموعه کاربرمحور بوده و اعضای آن در طول این سال‌ها تجارب خود را برای شما بازدیدکنندگان عزیز به اشتراک گذاشتند. این مجموعه دارای نظارت 24 ساعته بوده تا محیطی سالم را برای کاربران خود فراهم آورد، از کاربران انتظار می رود که با رعایت قوانین ما را برای رسیدن به این هدف یاری نمایند.

منوی کاربر