Der einzige Weg, den ich gefunden habe, damit tr ein box-shadow anzeigen kann, ist, ein display: block; für das Element tr zu setzen, obwohl dies bedeutet, dass die Zeile nicht mehr mit der Tabellenbreite übereinstimmt:
Dies funktioniert sowohl mit Firefox 4 als auch mit Chromium 10.x, aber schlägt auf Opera 11.01 fehl (alles läuft unter Ubuntu 10.10). Ich habe keinen Zugriff auf Mac oder Windows, daher kann ich nicht sagen, wie Safari oder IE mit den Elementen display: block on tr oder Firefox und Chrome, die auf verschiedenen Plattformen laufen, umgehen.
Um eine funktionierende Tabelle beizubehalten, müssen Sie die td -Elemente anstatt tr formatieren. Das gleiche Aussehen wie das Styling tr kann mit der Pseudoklasse :first-child und :last-child erreicht werden. Das Hinzufügen von etwas anderen Werten zum Box-Shadow wird den Trick machen - Ich habe auch border-radius für eine bessere Illustration hinzugefügt:
Schau dir das Live-Beispiel an: Ссылка
Weitere Optionen finden Sie auch in Ссылка
Firefox zeigt Shadow Fine auf tr-Tag an.
Google Chrome hat einen Fehler. Wählen Sie dieses Problem , um Chromium-Entwickler zu beschleunigen.
Tags und Links css