2009-06-18 17 views
2

Ich versuche, ein div in der oberen linken Ecke der Seite zu positionieren, und ich möchte, dass es dort bleibt, unabhängig von der Größe des Browserfensters oder dem Bildlauf.Fix HTML-Seitenelement relativ zum Browser Chrome

Wie kann ich dies entweder mit plain CSS (wenn möglich) oder mit jQuery?

Antwort

6

Verwendung css position: fixed;

#fixedDiv { 
    position: fixed; 
    left: 20px; 
    top:20px; 
    width: 50px; 
    height: 50px; 
} 

Für IE6 finden http://www.cssplay.co.uk/layouts/fixed.html

+3

Beachten Sie, dass IE 6 und davor keine position: fixed unterstützen, und IE7 und WebKit haben seltsame Fehler in Bezug auf die Position zu ändern oder zu beheben (siehe http://quirksmode.org/css/position.html) – bdukes

+1

guter Punkt, Workaround verfügbar unter: http://www.cssplay.co.uk/layouts/fixed.html –

+0

zum Glück muss ich nicht ie 6 (interne Firma App) unterstützen, aber sehr nützlich für zukünftige Besucher. Vielen Dank. :) – Ian

2
css-selector { 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

Achten Sie auf die z-index. Höher = Vordergrund.