Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    7

    CSS Linkare un'immagine sullo sfondo di un div

    Salve.. sono in questa situazione, praticamente ho 3 div sovrapposti.. il primo è unimmagine, il secondo un rigo con trasparenza sull'immagine ed il terzo è semplice testo con z-index superiore..
    Vorrei inserire un link a tutto.. facendo nel modo seguente il link mi si inserisce solo sul rigo del secondo div.. e non su tutta l'immagine..
    Qualcuno mi può aiutare???
    Vi ringrazio...

    <a href="http://www">
    <li class="div_1" style="background-image:url(images/ImmagineSlide3.jpg)">
    <div class="div_2"></div>
    <div class="div_3" align="left">Foto</div>
    </a>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono errori di semantica, che possono pregiudicare la resa.
    Non si possono inserire elementi di tipo blocco dentro elementi di tipo inline.

    Vedi questa riformulazione:
    codice:
    <li class="div_1">
      <a href="http://www">
        <span class="div_2">testo da sovrapporre</div>
        [img]Foto[/img]
      </a>
    CSS:
    codice:
      li {
      background-image: url(images/ImmagineSlide3.jpg);
    }
      li a {
        display: block;
        width: 100%;
        height: 100%;
        ...
    }
    
      li span {
        background: ...;
        display: block;
        ...
    }
      li img {
        text-align: left;
        ...
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.