Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di z3n
    Registrato dal
    May 2008
    Messaggi
    61

    Sovrapposizione immagine come cornice

    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

  2. #2
    Rivedi la sintassi di border-image: http://www.html.it/pag/19452/border-image/

    Inoltre:

    Quando si usa border-image, infatti, bisogna sempre e comunque definire una larghezza per il bordo dell’elemento tramite la consueta proprietà border.

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.