Linie hr

[BeatrixKiddo]

Hallo,


kann mir hier jemand sagen, ob bzw wie es möglich ist, eine hr via z-index entsprechend weiter in den Hintergrund zu versetzen?

Danke

Gruß

 

[TheCuda]

AW: Linie hr

Was genau meinst du mit "in den Hintergrund zu versetzen"?
Generell kannst Du hr-Lines hinter anderen Elementen ganz normal durch die Style-Angabe "z-index" positionieren. Wichtig ist dabei natürlich, dass das entsprechende Element, hinter das die hr-Line gelegt werden soll, einen höheren z-index hat.

Wobei ich das grade mal mit einer div-Box und einer darunter liegenden hr-Line geprüft habe. Für die div-Box war kein z-index nötig und auch nicht für die hr-Line. Die legte sich automatisch hinter die div-Box.

Erläutere mal bitte, was bei Dir der Hintergrund ist.

 

[mindraper]

AW: Linie hr

@thecuda:
nur eine ergänzung/erklärung:
dass sich der div-container von alleine über das hr-element gelegt hat, liegt an der position der elemente im markup. würde das hr-element im markup vor dem div-container stehen, hätte sich das div unter die line geschoben.
ich dachte nur, dass das eine interessante information ist. mir hat's mal den a**** gerettet

gruß

 

[hubspe]

AW: Linie hr

Generell kannst Du hr-Lines hinter anderen Elementen ganz normal durch die Style-Angabe "z-index" positionieren. Wichtig ist dabei natürlich, dass das entsprechende Element, hinter das die hr-Line gelegt werden soll, einen höheren z-index hat.

naja, dabei hast du aber einiges für die nicht so Versierten ausgelassen:
z-index wirkt nur bei Elementen, die ungleich position:static sind. Man kann also nicht sagen dass man generell hr-lines durch die bloße Angabe von z-index hinter anderen Elementen positionieren kann.
Ob etwas vor oder hinter irgendwas positioniert wird hängt auch von der Reihenfolge im Quelltext ab.

Eine hr ist semantisch ein Trennlinie. Soll sie hinter irgend etwas sein wäre eine geeignete HG-Grafik der richtige Weg.

Die Angaben der Fragestellerin sind imho auch mehr als dürftig. Sie laden eher zu wildem Rumgerate ohne Ergebnis für jedermann ein.

@BeatrixKiddo poste einen Link zum Problem und beschreibe deine Absicht, dann kann man es sich mal live anschauen und dir geeignete Vorschläge machen.

 

[bigtail]

AW: Linie hr

Spontan faellt mir diese loesung ein:

CSS

.myhr {
           display: block;
           z-index: 1:
}

Markup

<hr class="myhr">