Cum de a face tooltip în css

Bună ziua Stimate utilizator, azi aș vrea să vorbesc despre modul în care puteți crea un pop-up indicii în text folosind CSS. bine, și de a crea câteva exemple.

Deci, ce este un „sfaturi instrument“ - un text sau o imagine care apare atunci când treceți mouse-ul peste un link sau un alt element al paginii, în cazul în care atributul din titlu este descrierea acestuia.

Tooltip Puteți aplica pentru link-uri și pentru orice imagini.

În forma obișnuită, fără vârful clearance-ul are aproximativ forma așa cum este ilustrat mai jos:

Și afișează sistemul standard utilizând atributul din titlu, fără înregistrarea codului de tooltip este după cum urmează:

Dar, așa cum am spus la început, vom face aceste ponturile mai frumoasă, și va folosi codul css, astăzi vom lua în considerare trei opțiuni pentru tooltips.

Din moment ce nu este posibil într-un simplu titlu de design CSS, astfel încât vom adăuga atribute diferite pentru a scrie pentru ei clearance-ul și, în consecință a le adăuga la codul de link-ul nostru sau o imagine, pentru care facem un tooltip frumos.

Opțiunea tooltip în primul rând, și în ea, vom adăuga un indiciu pe fotografie în partea de jos atunci când treceți cursorul mouse-ului.

Pentru a efectua această acțiune, vom folosi două atribute: imagine, și în scopul de a solicita nostru de lucru și după date-text pentru a afișa textul tooltip.

Exemplu de stiluri CSS pentru acest tip de sfaturi pop-up: