Shishimushi

background-position

CSSで背景画像(background-image)の表示位置(background-position)をcenter(画面の中央)にすると、IEやFirefoxでは期待通り中央に表示されるが、Opera(8.10)だとげんなりな表示になる。

以下のようにCSSに背景画像を指定すると、Opera(8.10)ではげんなりな表示になる。

body {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("background.jpg");
	}

この場合、以下のように background-attachment: fixed; を指定してやる必要がある。そうするとちゃんと中央に表示される。

body {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-image: url("background.jpg");
	}

投稿者:芦塚 | 投稿日時: 2005年 9月19日(月) 19:25

 トップページ 次へ