html sfondo trasparente

<html> <head><style type="text/css"> div.transbg {background-color:#4a6c9b; opacity:0.6;} </style></head> <div class="transbg"> <body><Center><font color="#FFFFFF"> <b>Toll Charges</b> <table bgcolor="#000000" cellspacing=3> <tr> <td bgcolor="#009900"><font color="#FFFFFF" align="left">    Class 2 inc Private </font></td> <td bgcolor="#009900"><font color="#FFFFFF" align="right">  A$ 4.95  </font></td> </tr> <tr> <td bgcolor="#009900"><font color="#FFFFFF" align="left">    Class 2 inc Commercial </font></td> <td bgcolor="#009900"><font color="#FFFFFF" align="right">  A$ 13.95  </font></td> </tr> </table> <br> Toll has to be paid within 48 hrs of passage, else an additional A$ 13.95 of administration charges would be added </font></Center> </div> </body> </html>

Non sono sicuro che le vostre esigenze abbiano un senso. Basta dare allo sfondo il colore desiderato.

div.transbg { background-color: #92a7c3; }

La trasparenza è interessante solo per le immagini di sfondo o sfondi nobilitate, che non sembra essere applicabile nel vostro caso particolare.

fonte

2010-05-02 04:10:40 BalusC

Credo che siete in cerca di questo,

.transbg { 
    background-color:#4a6c9b; 
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity: 0.6; 
opacity: 0.6; 
}

e forse questo http://css-tricks.com/rgba-browser-support/

fonte

2010-05-02 04:11:53 user295292

Il suo problema era piuttosto che "tutto" diventa trasparente, non che non funziona in IE <8 or the > motori di browser Gecko/KDE di 2 anni. – BalusC

modificato prima del tuo commento =) – user295292

Recito: * "mentre questo codice rende tutto trasparente" *. Quindi la trasparenza funziona perfettamente. Non è solo quello che si aspettava. – BalusC

Io suggerisco di usare RGBA invece di opacità, questa convenzione:

.transbg {background: rgba(red,green,blue,opacity);}

si può anche mettere il resto della tua formattazione in CSS come questo:

body {background-color:#000; 
     color:#fff;} 
td {background-color: #090; 
    color:#fff;} 
.leftc {text-align:left;} 
.rightc {text-align:right;} 
table {borderspacing: 3;}

Ora è possibile rimuovere i tag del font e gli attributi di td. Tutto ciò di cui hai bisogno per td è <td class="leftc"> o con la classe rightc per il testo a destra.

Vedi anche http://css-tricks.com/rgba-browser-support/

fonte

2010-05-02 04:17:31

Recentemente ho scoperto che ho voluto creare un corpo HTML con uno sfondo trasparente. (L'HTML è una pagina di informazioni localizzata di istruzioni per un'app e apparirà un "browser" che è in realtà solo una vista Webkit all'interno di un'altra serie di viste. La vista Webkit si trova sopra un'immagine nella gerarchia della vista. la pagina web sfondo trasparente, l'immagine dalla vista dietro la vista Webkit si presenta)

Per fare questo, basta codificare il codice HTML come segue, insieme a tutti gli altri attributi/stili/etc:.

<body bgcolor=transparent>

In altre parole, usa la parola chiave "trasparente" senza le virgolette e otterrai un alfa di 0 e quindi uno sfondo trasparente per consentire a qualsiasi cosa sia dietro di mostrare attraverso .

(Caveat:.. Nell'implementazione vista Webkit che ho, devo anche rendere il colore Webkit sfondo trasparente nella mia messa a punto UI IE entrambi devono essere in vigore per questo a lavorare come ho)

fonte

2012-07-11 03:09:56

Ottimo il suo lavoro per me. +1 –

PS : '' e '

' sono deprecati dal 1998 (!!!).Per favore, butta via quel tutorial/libro HTML che stai usando e vai a prenderne uno recente. – BalusC

Sì, in questi giorni, la formattazione dovrebbe essere fatta nel CSS. Immagina semplicemente che tutti i tuoi attributi come '' e 'bgcolor' vengano tutti fatti in un'unica posizione. In questo modo è sufficiente utilizzare l'attributo class per determinare lo stile. –

html sfondo trasparente

risposta

Problemi correlati