Categories
tecnologia

tooltip con CSS

giusto qualche giorno fa chiedevo a futa se avesse qualche idea di come associare ad un tooltip un particolare CSS, ed ecco che su redemption oggi pubblicano la soluzione ai miei problemi!

aggiornamento del 23/02/04 ore 0.40
ecco come ho risolto io:

.tooltip {
border-bottom: 1px dashed #ccc
z-index: 2;
margin: 0px;
display: block;
}

.tooltip[desc]:hover:after {
display:block;
content:””attr(desc)””;
border:1px solid #ccc;
color:#000;
background:#f4f1e8;
z-index: 3;
margin: -10px 0px 0px 0px;
width: 100px;
}

<span class=’tooltip’ desc=’il tooltip è colorato, ciò renderà il mondo migliore!’>tooltip</span>

ho usato l’attributo desc (di mia invenzione e quindi non valido) perchè il tooltip normale di title veniva visualizzato ugualmente :(

ho trovato inoltre altri esempi sui tooltip (e CSS avanzati) su literarymoose

ciuaz