Tooltips css, megjegyzi amatőr webmaster

Ma létre eszköztippek CSS. Tooltips - ez az, amit látsz, amikor a kurzor, például egy kapcsolat, ha a cím attribútum leírását tartalmazza.

Tooltip lehet használni referencia, és a képeket.

A formátlan eszközleírásként így néz ki:

Tool tip megjeleníti a szabványos rendszer használatával a cím attribútumot.
Szabványos Kód linkek az tooltip regisztráció nélkül:

Tooltip CSS

Adj hézag tooltip lehet CSS. Elemezzük a három lehetőség közül tooltipben CSS.

Sajnos, nincs CSS- «recept» viszonyítva regisztrációs címet, így lesz felvenni további attribútumokat előírják, a tervezés, és add hozzá a kódot / kép, amit szeretnénk, hogy egy szép CSS felugró tooltip.

Az első példában, mi CSS tooltip a kép fölött az alján.

Ehhez fogjuk használni két attribútuma van: kép, és a tooltip működik, -. és miután az adatokat szöveges megjelenítésére elemleírásokat.

CSS-stílusok ebben a példában:

Referencia design nem alkalmas, így fogjuk használni kissé eltérő lehetőségeket számukra.
Egy első kiviteli alak kimenet a tooltip a linkre.

A hivatkozás a csúcs segítségével a kód:

És az utolsó lehetőség - megjelenik egy tooltip hivatkozunk. Opció hasonló az előzőhöz, csak a kimenő tooltip alábbiakban.

html-kód hivatkozás:

eredmény:
Mutasson az egérrel a szöveget tooltip

Áttekintettük három példát kimeneti CSS felugró utasításokat. de nem az összes lehetőséget, hogy megtalálja és használni, amit tetszik a legjobban a webhelyen. Sok szerencsét!