Mac OSX でのブラウズで、背景画像が表示されない現象
cssで 背景画像指定、特定の画像だけ見れない状態の訴えです。私自身Macは持っておらず、検証できないのですが、訴えた本人もMacに詳しくないため、詳細内容不明です。ブラウザ種類、ブランクなのか、等、答えて貰えません。
div#MENUJPG {
font-size: 16pt;
margin: 0px;
height: 230px;
width: 540px;
float: right;
background: url('../img/bg/menu.jpg') no-repeat right top;
}
html上では、このdiv id="MENUJPG" の内部にp tag,a tag がいくつかありまして、メニューリンクとして、jpg上に文字を載せています。レイヤ状態で見えないのか？？と思いきや、同ページの
div#STAGE {
margin: 0px;
padding: 0px;
height: 450px;
width: 400px;
float: left;
background-image: url('../img/bg/butai.jpg') ;
background-position: 50% 15%;
background-repeat: no-repeat;
}
このjpgは見えているとのこと。このdiv 内も、p tagを使っており、文字をjpg上に載せています。違うのは background で一気に指定していることくらいです。
別ページにて、
p#BABY1 {
width :300px;
height :200px;
float :left;
background-image : url('../img/profile/baby.jpg');
background-repeat : no-repeat;
margin: 0px;
padding: 0px;
background-color : #cccccc;
}
このタイプ、jpg,size,floatは異なりますが、同じスタイルで４つあり、全て見えないとのことです。
同サイト別ページにて、cssで同じように div id="XX"で背景画像指定している箇所がいくつかあるのですが、そちらは問題ありません。
id,float,background or backgroud-image,width,height,single quote,...と同じ使い方であり、原因不明で行き詰まっております。
似たような現象、または、考えうる原因、どうぞご示唆くださいませ。
補足
それもかんがえたのですが私の下手な技術で編集すると画像が荒くなったり みにくくなったりするのでできればその手はさけようかとおもっていたのですが・・・ HTMLでだめですか・・・しょうがないのでグラフィック ソフトでがんばってみます。