Hogyan lehet a tooltip a css

Jó napot kedves felhasználó, ma szeretnék beszélni, hogyan lehet létrehozni egy pop-up tanácsok a szövegben a CSS segítségével. is, és hozzon létre néhány példát.

Tehát mi is az „eszköz tippek” - a szöveg vagy kép, amely akkor jelenik meg, ha lebeg az egeret egy linket, vagy valamilyen más elem az oldal, ha a cím attribútum a leírását.

Tooltip Akkor lehet alkalmazni, a linkeket és a képeket.

A szokásos formáját hézag nélkül tip közelítőleg formában alant:

És ez az a szabvány rendszert a cím attribútum, regisztráció nélkül a kód a tooltip a következő:

De ahogy a kezdetben, mi teszi ezeket eszköztippeket szebb, és fel fogja használni a CSS kódot, ma meg fogja vizsgálni három lehetőség eszköztippekben.

Mivel ez nem lehetséges egy egyszerű CSS design címet, így fogunk hozzá más-más tulajdonságokkal, hogy írjon nekik távolság, és ennek megfelelően adja hozzá a kódot a linket vagy képet, amelyre teszünk egy szép tooltip.

Opció tooltip először, és benne fogunk hozzá egy csipetnyi a fotó alján, ha az egérrel rámutat.

Ahhoz, hogy ezt a műveletet elvégezni, akkor használja a két tulajdonság: képes, és annak érdekében, hogy jelezzen a munka és miután az adatokat szöveges megjelenítésére elemleírásokat.

Példa CSS stílusokat az ilyen típusú pop-up tipp: