Ciao a tutti,
sto cercando di inserire un'immagine semi-trasparente che si sovrappone parzialmente alla img presente da usare come cornice interna.
mi spiego meglio con un'esempio:
HTML:
codice:
<div class="images"> <img src="img/5.jpg" alt="img5"> </div>
CSS:
codice:
img {
    position: relative;
        width:180px;
    height:180px;
    z-index:-999;

}

.images:hover{
    position: relative;
    border-image: url("border.jpg") 0px no-repeat;
    z-index: 10;
}
praticamente vorrei che al passaggio del mouse sull'immagine, venisse visualizzata la corrnice ("border.jpg") in primo piano.
Il codice che ho postato non da alcun risultato.
l'immagine che uso come bordo ce l'ho in file vettoriale ed è delle stesse dimensioni delle immagini jpg che inserisco (è una specie di galleria).
Spero di essere stato chiaro nella spiegazione.
Grazie in anticipo