Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    sovrapposizione di un div opaco

    ragazzi, mi servirebbe questa cosa qui, vi allego un esempio.
    Il div che voglio sovrapporre ovviamente è quello violetto. Come posso fare con i css? esiste qualche istruzione che mi permetta di farlo?

    ciao
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    Le strisce nere cosa sono? Grafica o div?

    Poi bisogna vedere il contesto, cos'è quel div, eccetera...


  3. #3
    allora... semplicemente le linee nere indicano del testo... qualcosa che sia ad un livello sottostante e che subisca diciamo l'opacità di un div sovrapposto. il div sovrapposto vuole dare una sorta di effetto vetro... non sò se mi sono spiegato
    grazie

  4. #4
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    Dovrai prima posizionarti in un qualche modo il tuo div, poi puoi applicargli:

    filter:alpha(opacity=30); // Per IE, valori da 0 a 100
    -moz-opacity:0.30; // Gecko (Mozilla Firefox, Mozilla Suite, Netscape), valori da 0 a 1
    -khtml-opacity:0.30; //Konqueror (Browser per Linux) e Safari (Browser per Mac), valori da 0 a 1
    opacity: 0.30; // Safari (Browser per Mac), valori da 0 a 1

    opacity è considerata valida per il W3C.
    Per Opera ho notato che le trasparenze funzionano solo dalla versione 9.x in su.

  5. #5
    provo e ti faccio sapere! grazie per la dritta.
    ma non esiste una istruzione ottimale per tutti i browser?

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da dangerous
    ma non esiste una istruzione ottimale per tutti i browser?
    Piu` che altro sono tutte estensioni dei CSS2 (e ogni browser le ha realizzate come voleva).
    Per i CSS3 la sintassi sara`
    opacity: 0.3;
    che e` quella riconosciuta anche da Firefox (e forse anche l'ultima versione di Mozilla)
    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.