を指定しています。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 の位置に来ないと背景画像が見えないのれす。つーことでスクロール或いはウィンドウサイズを小さくしてみてくらはい。