1. Zuhause
  2. Frage und Antwort
  3. html transparenten Hintergrund

html transparenten Hintergrund

2010-05-02 13 views
6

Ich möchte eine Webseite mit transparentem Hintergrund erstellen, einen Tisch und einen Text. Ich habe Beiträge dazu gesehen, aber aufgrund meiner mangelnden Vertrautheit mit CSS kann ich meinen Code irgendwie nicht zum Laufen bringen. Ich möchte nur einen transparenten Hintergrund, während dieser Code alles transparent macht. Kann jemand freundlich helfen?html transparenten Hintergrund

<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"> &nbsp; &nbsp;Class 2 inc Private&nbsp;</font></td> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 4.95 &nbsp;</font></td> 
    </tr> 
    <tr> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="left"> &nbsp; &nbsp;Class 2 inc Commercial&nbsp;</font></td> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 13.95 &nbsp;</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>

aktualisieren

Großer Dank für alle Antworten Menschen. Ich habe das Problem auf andere Weise gelöst. Eigentlich schreibe ich eine iPhone-App, die Webview verwendet, um etwas HTML anzuzeigen. Ich wollte webview ein transparentes Aussehen geben, das erreicht werden kann, indem man das Alpha für den Webview selbst im Interface Builder einstellt. Es sagt irgendwie, machen Sie meinen gesamten Webbrowser 50% transparent. Ich möchte allen hier für ihre Hilfe danken.

Quelle

2010-05-02 user315067

+3

PS : '' und '

' sind seit 1998 veraltet (!!!).Bitte werfen Sie dieses Vintage-HTML-Tutorial/Buch, das Sie gerade verwenden, weg und holen Sie sich ein aktuelles. – BalusC

+0

Ja, heutzutage sollte die Formatierung im CSS erfolgen. Stellen Sie sich vor, dass alle Ihre Attribute wie '' und 'bgcolor' an einer Stelle erstellt werden. Auf diese Weise müssen Sie nur das Klassenattribut verwenden, um den Stil zu bestimmen. –

Antwort

0

Ich bin mir nicht sicher, ob Ihre Anforderung sinnvoll ist. Gib dem Hintergrund einfach die gewünschte Farbe.

Transparenz ist nur für Hintergrundbilder oder überlagerte Hintergründe interessant, die in Ihrem speziellen Fall nicht anwendbar zu sein scheint.

Quelle

2010-05-02 04:10:40 BalusC

3

Ich glaube, du bist für diese suchen,

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

und vielleicht dieses http://css-tricks.com/rgba-browser-support/

Quelle

2010-05-02 04:11:53 user295292

+0

Sein Problem war eher, dass "alles" transparent wird, nicht, dass es nicht funktioniert in IE 2 Jahre alten Gecko/KDE-Browser-Engines. – BalusC

+0

bearbeitet vor Ihrem Kommentar =) – user295292

+0

Ich rezitiere: * "während dieser Code macht alles transparent" *. So funktioniert Transparenz perfekt. Es ist nur nicht das, was er erwartet hat. – BalusC

3

Ich schlage vor, mit rgba statt Opazität, so:

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

Sie können auch die setzen Rest der Formatierung in CSS wie folgt aus:

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

Jetzt können Sie die Schriftart-Tags und die Attribute von td entfernen. Alles, was Sie für TD benötigen, ist <td class="leftc"> oder mit der rightc Klasse für Text auf der rechten Seite.

Siehe http://css-tricks.com/rgba-browser-support/

Quelle

2010-05-02 04:17:31

2

ich vor kurzem auch entdeckt, dass ich einen HTML-Körper mit einem transparenten Hintergrund schaffen wollte. (Der HTML-Code ist eine lokalisierte Informationsseite mit Anweisungen für eine App und wird als "Browser" angezeigt, bei dem es sich in einer anderen Ansicht um eine Webkit-Ansicht handelt. Die WebKit-Ansicht befindet sich über einem Bild in der Ansichtshierarchie der Web-Seite Hintergrund transparent, zeigt das Bild aus der Sicht hinter dem Webkit Blick nach oben)

Um dies zu erreichen, nur dem HTML-Code wie folgt, zusammen mit anderen Attributen/styles/etc.

<body bgcolor=transparent>

Mit anderen Worten, verwenden Sie das Schlüsselwort „transparent“ ohne die Anführungszeichen, und Sie werden einen alpha von 0 und somit einen transparenten Hintergrund zu ermöglichen, was auch immer hinter ist zu zeigen, durchkommen .

(Caveat:.. In der Webkit Ansicht Implementierung ich habe, ich muss auch transparent in meinem UI-Setup die Webkit Hintergrundfarbe machen IE beide müssen vorhanden sein für diese, wie ich es muss arbeiten)

Quelle

2012-07-11 03:09:56

+0

Großartig seine Arbeit für mich. +1 –

Verwandte Themen

 Verwandte Themen