リンク画像を上部に固定する

サンプル1.　ブラウザの最左に設置

スクロールしてください。

デモ２へ

[/html]

CSS

[css]
img#floatButton1 {
position: fixed;
left: 0;
top: 50px;
}
[/css]

position: fixed; で、固定、
left: 0 でブラウザの内側、左端、
top: 50 でブラウザの内側、上から 50ピクセルの位置に表示させています。

right: 0 とすれば、右端に表示されます。

サンプル1 デモ

デモ１はこちらから

サンプル2

コンテンツの右端に固定表示させる方法。

イメージ

HTML

[html]