h2 要素に背景画像を指定したが、Mozilla で表示されない
長い助走日記にて 見出し(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 の位置に来ないと背景画像が見えないのれす。つーことでスクロール或いはウィンドウサイズを小さくしてみてくらはい。