شفافیت و توضیح پنهان

شفافیت و توضیح پنهان ( opacity , tooltips )

از خاصیت opacity برای تغییر مقدار شفافیت یک عنصر و محتوای آن استفاده می شود و با اعداد بین 0 تا 1 آن را مقدار دهی می کنیم و هرچه مقدار opacity به 1 نزدیک تر باشد شفافیت عنصر کمتر می شود و هرچه مقدار آن به 0 نزدیک تر باشد عنصر شفاف تر خواهد بود.

از  opacity می توانید برای طراحی منو ها و زیر منو ها ، اسلایدرها ، توضیحات پنهان و زیبا سازی سایت خود استفاده کنید. برای استفاده از آن شما باید کمی تامل کنید، شاید در برخی از موارد استفاده از خاصیت visibility یا display برای شما بهتر باشد و opacity کارایی لازم را نداشته باشد، پس باید برای استفاده از خاصیت شفافیت شما نیاز به کمی تجربه و تفکر دارید.

tooltips یک باکس کوچک حاوی اطلاعات یا توضیحات خاص می باشد، زمانی که موس را بر روی لینک، متن یا تصویر حاوی tooltips می بریم این باکس کوچک که دارای opacity=0 یا visibility=hidden یا display=none بوده تغییر وضعیت داده و به نمایش در می آید. با استفاده از tooltips می توانید اطلاعات بیشتر و هدفمندی را در سایت خود قرار داده و کاربران خود را راهنمایی کنید.

مـــهم برای داشتن توضیحات هدف مند پنهان در عناصر html به ساده ترین حالت ممکن می توان در تگ باز عناصر از صفت title استفاده کرد. (موس خود را روی hamanweb نگاه دارید)

در زیر مثالی برای فهم بیشتر موارد فوق قرار دادیم :


و نتیجه به شکل زیر خواهد بود :
opacity
موس را روی عکس نکه دارید.

html :
<img src=”http://hamanweb.ir/…/image.jpg” title=”tooltips” />
style :
img{
opacity:0.5;
}


مـــهم برای استفاده از توضیحات پنهان به شکل های دیگر می توانید به اینجا مراجعه نمایید.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی:2017/12/30

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *