ویژگی Opacity در Css3

Sina

Administrator
پرسنل مدیریت
2013-05-11
4,709
2,901
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 اعدا را بین ۰ تا ۱۰۰ انتخاب می کنیم.در سایر مرورگرها این مقدار را بین ۱ تا ۰ در نظر می گیریم به این ترتیب که هرچه از ۰ به سمت ۱ برویم از شفافیت عنصر کاسته می شود.

 

درباره ما

  • خوش آمدید ؛ یه حسِ خوب یک انجمن است که شما می توانید در آن عضو شده از امکانات آن استفاده کرده و دوستان جدید پیدا کنید. این مجموعه دارای نظارت 24 ساعته بوده تا محیطی سالم را برای کاربران خود فراهم آورد،از کاربران انتظار می رود که با رعایت قوانین ما را برای رسیدن به این هدف یاری کنند.
    از طرف مدیر وب سایت:
    "همواره آرزو دارم که هربازدید کننده ای بعد از ورود به انجمن، با یه حسِ خوب اینجارو ترک کنه!"

منوی کاربر