2009-06-18 5 views
2

ページの左上隅にdivを配置しようとしていますが、ブラウザウィンドウのサイズ変更やページのスクロールに関係なく、そこにとどまります。ブラウザに関連したHTMLページ要素の修正Chrome

プレーングCSS(可能であれば)またはjQueryを使用してこれを行うにはどうすればよいですか?

答えて

6

使用CSS位置:固定; IE6の場合

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

http://www.cssplay.co.uk/layouts/fixed.html

+3

IE6以前は位置をサポートしていないことに注意してください:固定、IE7とWebKitは固定位置から固定位置への変更に関する奇妙なバグを持っています(http://quirksmode.org/css/position.html参照) – bdukes

+1

良い点、回避策:http://www.cssplay.co.uk/layouts/fixed.html –

+0

幸いにも私は6(社内アプリ)をサポートする必要はありませんが、将来の訪問者には非常に便利です。ありがとう。 :) – Ian

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

がzインデックスの世話をご覧ください。より高い=前景。

関連する問題