Originariamente inviato da Mich_
Forse vuoi dare qualche effetto di opacita` al passaggio del mouse? Una cosa di questo tipo?
codice:
HTML
[img]...[/img]
CSS:
a {
display: block; /* non serve strettamente, ma nel tuo caso puo` esser consigliato */
opacity: 1;
... ecc per gli altri dialetti di opacity ..
}
a:hover {
opacity: 0.7; /* o il valore che vuoi */
... ecc per gli altri dialetti di opacity ..
}
Si mi servirebbe l'opacità ma anche un'immagine di default che viene visualizzata al momento del rollover... presumo che hai già visto questo tipo di effetto nelle photogallery che al passaggio del mouse spunta una lente di ingrandimento o qualsiasi altra immagine io ho provato ad inserire nel codice ...
codice:
item{
width: 120px;
height: 95px;
display: block; /* non serve strettamente, ma nel tuo caso puo` esser consigliato */
opacity: 1;
}
item:hover{
filter: alpha(opacity=50); /* filtro della trasparenza per internet explorer 6 e 7 */
filter: "alpha(opacity=50)"; /* filtro della trasparenza per internet explorer 8 */
opacity:.50; /* filtro della trasparenza per Mozilla Firefox, Opera, Safari e Chrome */
width: 120px;
height: 95px;
background-img: url("http://*********i.it/wp-content/uploads/info.png");
}
Inserendo questo codice vine sviluppata solo l'opacità e non l'immagine perchè?
Rispondi quotando