Bule de css, notează webmaster amator

Astăzi vom crea ponturile pe CSS. Bule de - aceasta este ceea ce vedeți când vă mutați cursorul, cum ar fi o legătură, în cazul în care atributul titlu conține o descriere.

Tooltip poate fi folosit pentru referință, cât și pentru imaginile.

Neformate ca tooltip arată astfel:

Sfat Instrumentul afișează sistemul standard utilizând atributul din titlu.
Standard Code link-uri către tooltip fără înregistrare:

tooltip CSS

Dă-tooltip clearance-ul poate cu CSS. Vom analiza trei opțiuni tooltip pe CSS.

Din păcate, nu există nici o CSS- «reteta» în legătură cu înregistrarea din titlu, așa că va trebui să adăugați atribute suplimentare pentru a prescrie pentru ei proiectarea și adăugați-le la codul / imagine pentru care dorim sa facem un CSS frumos pop-up tooltip.

În primul exemplu, vom face CSS tooltip peste imaginea din partea de jos.

Pentru a face acest lucru, vom folosi două atribute: imagine, și la un tooltip la locul de muncă, -. și după date-text pentru a afișa textul tooltip.

CSS-stiluri pentru acest exemplu:

Design de referință nu este potrivit, așa că vom folosi ușor diferite opțiuni pentru ei.
O primă ieșire exemplu de realizare voință tooltip pe link-ul.

O referire la vârful folosind codul:

Și ultima opțiune - afișa un tooltip prin referință. Opțiunea este similar cu cel anterior, doar tooltip de ieșire de aici de mai jos.

html-cod pentru referință:

rezultat:
Mutați mouse-ul peste textul tooltip

Am analizat trei exemple de ieșire CSS solicitări pop-up. dar nu este toate opțiunile, astfel încât să puteți găsi și de a folosi ceea ce se va potrivi cel mai mult pe site. Mult noroc!