Wie machen Sie eine HTML-Tabelle, die teilweise transparent sind?

Wenn ich eine HTML-Tabelle wie unten:

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

Wie kann ich es machen das teilweise transparent? Gibt es einen Weg, es zu tun, ohne CSS? Wenn nicht, was ist den CSS Weg?

du meinst also, dass der hintergrund sieht 'bewölkt', oder 'Dimmen'?
Hi Jungs, sorry, ich verpasste das Wort transparent! Also ja, wie kann ich eine Tabelle transparent machen?
Warum würden Sie wollen, dies zu tun, ohne CSS? CSS ist ein weit besserer Weg, es zu tun.
Oh, ich war gerade mit ein bisschen Mühe öffnen Sie ein neues Dokument, um eine css-Datei, sondern seinen jetzt gut

InformationsquelleAutor James | 2011-09-06

  1. 9

    Können Sie versuchen, diese in Ihre html-Datei:

    <table class='table1'>
<tr><td>...

    Und diese in Ihrer css-Datei:

    .table1 {
background: rgba(255,255,255,0.5);
}

    Dieser legt die rgba-ROT, GRÜN, BLAU, ALPHA Werte 255,255,255 = weiß, 0,0,0 = schwarz, und dem 0,5-Wert am Ende (ALPHA) liegt zwischen 0 und 1, wobei 1 ist undurchsichtig und 0 ist transparent. Ich hoffe, das hilft.

    In deinem Fall #151515 (HEX-CODE) übersetzt (21, 21, 21, 0.5) (RGBA) wo A gleich 50% transparent.

    InformationsquelleAutor Mike

  2. 2

    Können Sie die Deckkraft oder Transparenz des hintergrund in CSS wie folgt

      /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;

    Oben macht es zu 60% klar. Hoffe, das hilft.

    Die Deckkraft wird gelten, nicht nur der hintergrund, sondern auch den text und alle Elemente drin.
    ah, ich wusste nicht, dass. Er könnte dann verschiedene Stile für die text & andere Inhalte der Tabelle.
    Das problem ist, dass alle Trübungen unter, die werden relativ zum übergeordneten Deckkraft. Also ist die maximale Deckkraft erreicht werden können von jedem child-element wird nun auf 0.6. Finden Sie diese jsFiddle-Beispiel.
    Danke für den Hinweis it out.

    InformationsquelleAutor Obi

  3. 0

    Mit CSS legen Sie die opacity auf einen Wert zwischen 0 und 1. Jedoch, dass jedes element innerhalb Ihrer Tabelle transparent.

    Eine bessere Lösung (leider) ist es, einen Fliesen-hintergrund-png mit leichter Transparenz. So können Sie die fade hintergrund, ohne verblassen der Inhalte.

    InformationsquelleAutor Max

  4. 0

    Antworten auf alte post, aber dies ist immer noch relevant, da ich nur verwiesen, es =)

    Zu... man kann mit fireworks oder (vermutlich) photoshop zum erstellen eine alle schwarz .png-Bild (nur ein schwarzer Kasten). Legen Sie Ihre gewünschte Transparenz mit der Symbolleiste und legen Sie besagtes Foto, wie Sie Ihren Tisch im hintergrund. Es Standardwerte, sich zu wiederholen, so wird füllen Sie Ihre Tabelle. Sie haben eine transparente Tabelle können Sie sehen, Ihr Körper-bg img/Farbe - durch und alles, was Sie setzen in der Tabelle bleibt davon unberührt, durch die Transparenz.

    Jon

    IMO der OP fragte nach einem HTML Weg, dies zu tun...

    InformationsquelleAutor Jon

  5. 0

    Den Weg, um die Hintergrundfarbe zu ändern und die Deckkraft ist durch das hinzufügen dieses Attribut für die css.

    background-color: rgba(100,200, 0, 0.5); (nicht hintergrund)

    Wenn Sie möchten, ändern Sie den hintergrund+text-Inhalt, die Deckkraft, die Sie verwenden können:

    opacity:0.6;

    InformationsquelleAutor user7976874

Schreibe einen Kommentar