Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di gio78
    Registrato dal
    Oct 2002
    Messaggi
    83

    sfondo trasparente ma testo pieno

    Salve, devo realizzare una tabella con cella con sfondo semitrasparente e testo pieno.
    Facendo:
    .blankw {
    background:url(blankw.gif);
    text-weight: normal;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    vertical-align: top;
    filter:alpha(opacity=72);
    -moz-opacity:.72;
    opacity:.72;
    }

    va bene, però mi sfuma giustamente pure il testo.........
    Come si può fare?

    Grazie.

  2. #2
    Metti il testo dentro un paragrafo

    </p> con questo CSS
    codice:
    <style type="text/css">
    .blankw {
    	background:url(blankw.gif);
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-bottom: 7px;
    	padding-top: 7px;
    	vertical-align: top;
    	filter:alpha(opacity=72); 
    	-moz-opacity:.72; 
    	opacity:.72; 
    }
    p {
    	text-weight: normal;
                 margin: 0;
                 padding: 0;
    }
    </style>

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    L'opacità è ereditata e applicata quindi a tutti i contenuti della cella. Potresti usare per la cella stessa una png trasparente come sfondo, oppure se lo sfondo è un semplice colore far ricorso a valori rgba (una discussione in corso http://forum.html.it/forum/showthrea...1#post13208201 ), oppure usare elementi diversi sovrapposti con posizionamenti assoluti (che è forse la soluzione peggiore)

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.