Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Problema Css Opacity

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    7

    Problema Css Opacity

    Salve.
    Volevo farvi i complimenti per il forum e per gli argomenti affrontati..
    Ho un problema riguardo i css..
    Vorrei scrivere con testo di colore bianco su un div dove c'è la trasparenza.. Adesso scrivo bianco ed esce grigio.. mentre se sccrivo sulla foto esce la scritta bianca..
    ho postato questo codice come esempio...

    <html>
    <head>
    <style type="text/css">
    div.background
    {
    width:310px;
    height:210px;
    background:url(images/dance_floor_3.jpg) no-repeat;
    color:#FFFFFF;
    }

    div.transbox p
    {
    font-weight:bold;
    }

    div.transbox
    {
    width:98%;
    height:10px;
    background-color:#000000;
    color:#FFFFFF;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
    }

    #apDiv1 {
    position:absolute;
    width:296px;
    height:38px;
    left: 10px;
    top: 167px;
    background-color: #333333;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
    }
    .Stile1 {color: #FFFFFF}
    </style>
    </head>

    <body>

    <div class="background">


    Home</p>
    <div class="transbox">
    <SPAN style="color:#FFFFFF">Some Text</SPAN>
    </div>
    </div>

    <div class="Stile1" id="apDiv1">Home</div>
    </body>
    </html>


    Potete caricare una qualsiasi foto al posto dell'url... nel div.background. Con le dovute modifiche altezza e larghezza.. Vi ringrazio in anticipo...

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Vorrei scrivere con testo di colore bianco su un div dove c'è la trasparenza.. Adesso scrivo bianco ed esce grigio.. mentre se sccrivo sulla foto esce la scritta bianca..
    Ciò che è contenuto all'interno di un div sul quale sia impostata la trasparenza risulterà trasparente, la proprietà opacity è ereditata. Se però coi css posizioni i div l'uno sull'altro potrai ovviare dando la trasparenza a quello con z-index minore, posizionato al di sotto, e non all'altro. In alternativa puoi usare un'immagine png per lo sfondo (con gli opportuni accorgimenti eventualmente per le vecchie versioni di Explorer). Per un colore di sfondo semitrasparente i css3 prevedono l'uso di valori rgba (puoi vedere questa pagina http://www.css3.info/introduction-opacity-rgba/), ma i browser che li supportano sono al momento solo le ultime versioni di Firefox, Opera, Safari e Chrome (con Explorer non viene visualizzato alcuno sfondo)

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    7
    Ti ringrazio.. infatti era proprio problema di div..
    Tutto risolto... grazie ancora!!!

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.