Die vorherige Antwort ist falsch, wenn Sie sehen wollen, warum Sie das versuchen:
%Vor% AFAIK gibt es keine Möglichkeit, den Randunterbrechungseffekt zu erzielen, den das legend -Element an der Grenze von fieldset verursacht. Ich glaube nicht, dass dies nur mit CSS möglich ist, es ist nur etwas, das Teil des Renderings von fieldset ist.
Erläuterung: Ich kenne keine Möglichkeit, ein Block- oder Inline-Element so zu positionieren, dass es den sichtbaren Rand seines umschließenden Blockelements überspannt und dann den Rand des Containerelements bricht hinter seiner Kiste. Das ist es, was ein <legend> mit dem Rahmen tut, der das <fieldset> -Element enthält.
Das funktioniert ziemlich gut, aber ie6 wird etwas komisch wirken, wenn der Hintergrund ein Bild ist, nichts, was ein bedingter Kommentar nicht beheben konnte. Getestet in IE6-8, FF3.6, Safari 5, Chrome 5
%Vor%Ein Beispiel: Ein DIV-Element mit einem Rahmen und einem Kind-Überschriftselement mit der Hintergrundfarbe, die so positioniert ist, dass es den Rahmen des DIV überlappt, würde genau wie ein Fieldset und eine Legende aussehen.
Sehr einfaches Beispiel:
%Vor%Also habe ich den Code so korrigiert, dass er wie das Legenden-Tag aussieht (er sieht wirklich wie das Legenden-Tag aus).
%Vor%