だからbackground-attachment: fixedなんだってば

h2 要素に背景画像を指定したが、Mozilla で表示されない

ここは見出しレヴェル2だよ

長い助走日記にて 見出し(hn)に background-image を ということで、

見出し要素の背景に画像を指定しようとしたら IE6 ではちゃんと表示されるのだが、Mozilla1.0 では表示されない。

〜中略〜

んー、どこが間違っているのだろうか・・。

と、お悩みの様子。すでに解決されているかもしれませんが、たぶん background_fixed でしょうということで。

スタイル

h2{
	font-family:Trebuchet MS, Verdana, Myriad Web, Syntax, sans-serif;
	font-size-adjust: .53;
	font-size: 1.75em;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../../Images/back50.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
	word-spacing:	normal;
	letter-spacing: normal;
	margin: 0px;
	padding: 10px 20px;
	letter-spacing: 0.5em;
	}

h2 要素の背景画像にこの画像ファイルを指定しています。

Win IE6 とかでは、body 要素以外の background-attachment : fixed ; は無視されて、background-attachment : scroll ; になるので、h2 要素が表示領域の何処にあっても、背景画像が表示されますが、Mozilla や MacIE5.x では、そのまま fixed になるため、背景画像が表示領域の bottom left に固定されるので、h2要素が表示領域の bottom left の位置に来ないと背景画像が見えないのれす。つーことでスクロール或いはウィンドウサイズを小さくしてみてくらはい。

ここは見出しレヴェル2ですが

ここは見出しレヴェル2ですが

ここは見出しレヴェル2ですが

ここは見出しレヴェル2ですが

書いた人 カナかな団首領 2002-06-29T19:19:49+09:00