hide border, wenn div über ist

8

Ich habe ein <div id="content"> mit einem Rahmen. Über diesem div befindet sich ein weiterer <div id="header"> mit etwas Text. Ich möchte Text über Grenze zeigen, aber ich möchte es nicht anzeigen.

Zur einfacheren Erklärung habe ich hier meinen Quellcode gepostet: Ссылка und das möchte ich erreichen:

>

Der Text ist dynamisch und der Hintergrund ist ein Farbverlauf. Also Bild ist keine Lösung.

Ich weiß, wie ich das mit fieldset und legend tags erreichen kann, aber ich suche nach einer Lösung mit div oder einem anderen Tag.

habe hier etwas gefunden: Ist es möglich, einen & lt; fieldset & gt; -ähnlichen Effekt zu erzielen, ohne das & lt; fieldset & gt; Tag? , aber für die legend wurde Hintergrundfarbe: #FFF verwendet, was mir nicht sehr hilft: /

    
JercSi 20.03.2012, 18:39
quelle

3 Antworten

2

Nicht getestete Theorie, aber vielleicht könnten Sie #header den gleichen Gradientenhintergrund wie den Hintergrund des Körpers geben, dann die Hintergrundposition von # header (mit js) mit der X- und Y-Position relativ zum Körper versetzen?

Im Grunde schlage ich eine Art Maskierungseffekt vor.

EDIT: ersetzte # content mit body, um mehr mit dem aktuellen Codebeispiel des OP übereinzustimmen.

    
Jace 21.03.2012 02:34
quelle
0

Warum schubst du deinen Inhalt nicht, indem du die obere Position auf einen negativen Wert setzt:

<div id="header" style="background-color: blue;">Demo</div> <div id="content" style="top: -15px; border: 1px solid white"></div>

    
arminb 21.03.2012 02:52
quelle
-1

Schließe deinen Text in <span style="background-color: blue;"> oder so ähnlich ein. Das sollte funktionieren.

    
uotonyh 20.03.2012 18:46
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Was ist der Unterschied zwischen diesen T-SQL-Abfragen mit OR?