div schwebt über der Tabelle

7

Ich versuche, ein div über eine Tabelle schweben zu lassen, so dass es über dem ganzen Text steht?

    
Rickstar 23.12.2009, 23:00
quelle

4 Antworten

13

Sehen Sie sich absolute Positionierung und möglicherweise z-index (auch wenn dies Ihr einziger absolut positionierter Inhalt ist, brauchen Sie ihn nicht) . Obwohl es andere Möglichkeiten gibt, Dinge zu überlappen, ist das wahrscheinlich das Wichtigste für dich.

Sehr einfaches Beispiel:

CSS:

%Vor%

HTML:

%Vor%

Live-Kopie | Quelle

    
T.J. Crowder 23.12.2009, 23:02
quelle
7

Ich würde den Tisch in ein "positioniertes" div einpacken. Ich setze das Div auf position:relative , damit es den Fluss des Rests der Dokumente nicht unterbricht.

%Vor%     
jessegavin 24.12.2009 00:44
quelle
0
Schweben Sie über den Text %Vor%

Ändere einfach die oberen und linken Variablen.

    
Jake 23.12.2009 23:03
quelle
0

Ich stimme TJ zu - z-index ist der Weg zu gehen - mit JavaScript und CSS / HTML können Sie diese "Magic Floating Box" über der Tabelle verstecken / zeigen.

    
Justin Carroll 28.12.2009 12:12
quelle

Tags und Links