Tag-uri: css, html, CSS3
În acest articol vom vorbi despre modul de a face un tooltip frumos inseamna doar HTML si CSS.
Bun început, această metodă va funcționa doar pentru etichetarea dublă (care au deschidere și închidere tag-uri).
Esența constă în faptul că interiorul tag-ul, pe care doriți să adăugați un tooltip cu un design unic, vom pune o unitate ascunsă, care va apărea atunci când treceți.
Pregătiți aspectul de exemplu:
Și stilurile respective:
Se pare că e tot, dar această metodă are o mulțime de neajunsuri, unele dintre ele:
- Dacă pagina va fi două din același articol cu vârful, va apărea atunci când treceți toate sfaturile (rezolvate - adăugarea fiecărui element al unei clase unice, ca o consecință crește codul html și css)
- Selectați pentru a afișa indicii în colțul din dreapta sus al textului în care este posibil, numai în cazul în care unitatea de bază a fost pe deplin solicitările de text (soluție - ajusta lățimea blocurilor sub text, cum ar fi div).
Dar metoda funcționează bine, de exemplu, pentru link-uri (acestea sunt comprimate în text), iar în cazul în care aveți nevoie pentru a face doar un indiciu pentru unul sau mai multe link-uri, de asemenea, este destul de potrivit, nu de umplere cod clasele suplimentare și selectorii.
Exemplu puteți vedea pe pagina demo:
