忍者ブログ

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


拍手する

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録

背景画像を左上と右上に固定 (CSSメモ)

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



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


とりあえず、サンプル。

どこか1箇所だけに画像を固定する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要素を使えば可能となる。
が、当然こちらもあまり良い方法ではない。
PR

拍手する

ブログコメント(0)トラックバック(0)このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録

この記事に対するコメント

この記事に対するコメントを投稿

この記事に対するトラックバック

トラックバックURL