Wie man eine geschachtelte HTML-Tabelle Zelle einen transparenten hintergrund?

Bin ich die Erstellung einer HTML-Datei, die eine Tabelle mit abwechselnden Zeilen-Farben. Eine der Spalten in dieser Tabelle ist eine Reihe von Zellen mit sub-Tabellen. Mein problem ist, dass ich kann nicht die sub-Tabellen haben die gleiche Hintergrundfarbe wie die Zeile, in der Sie Mitglied sind. Ich habe versucht, mit einer CSS-Klasse mit

background-color: transparent;

aber das scheint nicht zu ändern, überhaupt nichts.

Könnte es einfacher sein, zu verstehen, das problem mit einem visual. Ich Fuzz -, die text-und umkreisten den sub-Tabellen, die Sie zu markieren. Im Grunde brauche ich diesen weißen Bereichen innerhalb der Zeilen, die mit einem grauen hintergrund auch Grau-hintergrund (für die ganze Tabelle), so kann man nicht wirklich sagen, es ist eine separate Tabelle.

Wie man eine geschachtelte HTML-Tabelle Zelle einen transparenten hintergrund?

Auch dies muss im IE funktioniert. Ich weiß, ich weiß, aber...das ist, wie es ist.

Dank!

bitte geben Sie ein code-Beispiel.
Wenn Sie könnten, bieten eine jsFiddle oder JS Bin test-Fall, wird dies sehr schnell gelöst werden.

InformationsquelleAutor JToland | 2011-06-10

  1. 4

    Verwenden * css selector:

    table tr.row1 td * {
    background-color: COLOR1;
}
table tr.row2 td * {
    background-color: COLOR2;
}
    Dies kann arbeiten, aber es wäre besser, um herauszufinden, welches element(s) eigentlich haben die weißen background-color, und nur auf diese.

    InformationsquelleAutor rahim asgari

  2. 2

    Diese Datei gebaut, mit der programmgesteuert. Während ich bin verantwortlich für den code, die bis Ende der Formatierung des Dokuments, die andere geschrieben haben Teile des Codes, die tatsächlich baut die raw-HTML-Datei. Mir ist gerade aufgefallen, nach dem Debuggen zu diesem problem für die letzten 45 Minuten oder so, dass die <tr> - tags sind tatsächlich mit einem style=background-color:White hardcoded enthalten, die ich nicht bewusst war und verpasst hatte, wenn ich war auf der Suche in der sub-Tabelle code. Habe ich entfernt, erneut getestet, und das war das problem.

    Sorry, ich brachte dies hier auf jetzt, dass ich bemerkt habe, es war so eine dumme 'Fehler', stellt sich heraus, das background-color:transparent; funktioniert, nachdem alle. Vielen Dank für Ihre Hilfe!

    InformationsquelleAutor JToland

  3. -1

    Versuchen, diese (CSS3 erforderlich)

    opacity: ##;

    Wobei ## ein Dezimalwert zwischen 0 und 1.

    0 ist transparent, 100%, 1 ist Opak 100%. Werte dazwischen sind Dezimalzahlen (wollen 30% Transparenz? Verwenden 0.7)

    InformationsquelleAutor saphirantcross

Schreibe einen Kommentar