ویژگی Opacity در css
در این بخش از مقالات طراحی سایت ، ویژگی 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 */
}
نکته ی قابل توجه این است که مرورگر اکسپلورر ۶و۷و۸ از خاصیت Opacity پشتیبانی نمی کند.در این روش برای مقدار opacity اعدا را بین ۰ تا ۱۰۰ انتخاب می کنیم.در سایر مرورگرها این مقدار را بین ۱ تا ۰ در نظر می گیریم به این ترتیب که هرچه از ۰ به سمت ۱ برویم از شفافیت عنصر کاسته می شود.
منبع: sitedesign-co.com
بخوانید
قدرت گرفته از افزونه نوشتههای مرتبط هوشمند
سایر مقالات مرتبط :
- ساخت فرم نوبت دهی با گرویتی فرم (مناسب سایت رزرو نوبت پزشکان و هتل ها)
- چگونه میتوانید با راه اندازی کسب و کار اینترنتی برای بازاریابی و فروش خود بیشترین تأثیر را ایجاد کنید
- قیمت کفسابی در تبریز به چه عواملی بستگی دارد؟
- خداحافظی با روشهای سنتی چاپ و سلام به دنیای پرینت آنلاین!
- لوازم الکترونیکی تخصصی با مشاوره قبل از خرید
- روش های طراحی سایت
- روش های تشخیص اصل بودن تلویزیون های سامسونگ
- چگونه تایمر کولر گازی را خاموش کنیم؟
- بررسی صرافی انلاین بدون نیاز به احراز هویت
- نکاتی برای خرید ایمیل شرکتی و ایرانی
- بهترین برندهای تلویزیون هوشمند کدامند؟
- اهمیت سیگنال رایگان ارز دیجیتال فیوچرز در ترید