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,...と同じ使い方であり、原因不明で行き詰まっております。
似たような現象、または、考えうる原因、どうぞご示唆くださいませ。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
rurino 様 お返事ありがとうございます。 やはりそうですよね。。。ご丁寧に教えて頂きありがとうございました。