背景画像を左上と右上に固定する方法

結論から言うと、スタイルシートだけ用いる場合、現行のIEでは無理。
IE、ヘタレですから…。


とりあえず、サンプル。

どこか１箇所だけに画像を固定するcssソース
body {
background: 色 url("画像のURL") 縦位置 横位置 no-repeat fixed;
}

例）
左上に固定
body {
background: #FFFFFF url("./image/sample.jpg") top left no-repeat fixed;
}

右下に固定
body {
background: #FFFFFF url("./image/sample.jpg") bottom right no-repeat fixed;
}


で、Firefoxなら、次の方法で左上・右上に画像を固定することができる。

例）
左上
html {
background: #FFFFFF url("./image/sample1.jpg") top left no-repeat fixed;
}

右上
body {
background: #FFFFFF url("./image/sample2.jpg") top right no-repeat fixed;
}


いい方法とはとてもいえないが、とりあえずFirefoxでは画像が固定されている。

IEを含め、「どうしても固定したい！」というのであれば、htmlのframe要素を使えば可能となる。
が、当然こちらもあまり良い方法ではない。