• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:Dreamweaver CS3で背景画像が表示されません)

Dreamweaver CS3で背景画像が表示されない問題

このQ&Aのポイント
  • Dreamweaver CS3でセールスレターの背景に画像を設定したいが表示されない問題について解説します。
  • 背景にはグラデーション画像を使用したいが、どの画像を設定しても表示されない現象が発生しています。
  • 初心者のため、何か初歩的なミスがある可能性もありますので、解決策をご教示いただければ幸いです。

質問者が選んだベストアンサー

  • ベストアンサー
  • salonpath
  • ベストアンサー率48% (194/399)
回答No.2

返信ありがとうございます こちらで用意した#containerのあるhtmlに、そのcss設定を使い IE6,7,8とFirefox3.5にて表示確認をしてみましたが、bodyの背景画像は表示されました。 というより「背景画像だけ」が表示されました(#003366は背景画像の下にあるので表示されない) ima5200さんの状態とまるで逆になりますね。 bodyの背景画像が表示されない原因を想像するに ・bg_blue.jpgがCMYKなのではないか? ・bg_blue.jpgのパスが間違っていないか(dreamweaverの参照からパスを指定してるなら間違ってるとは考えられませんが) ・読み込んでいるcssの下部で、別のbody指定があり、そこでbackground-image:none;が記述されている。 ちなみに下記のように記述するとどうなりますか? body{ margin: 0px; background:#003366 url(images/bg_blue.jpg) repeat-x fixed; }

ima5200
質問者

補足

お返事ありがとうございます。 cssのbody部分に下記を記述してみたところ、背景色の#003366のみ反映されました。 body{ margin: 0px; background:#003366 url(images/bg_blue.jpg) repeat-x fixed; } ・bg_blue.jpgはRGBカラーで作成された1482×676の画像です。 ・パスは間違っていないようです。(参照から指定しています) ・background-image:none;の記述はありませんでした。

その他の回答 (2)

noname#119957
noname#119957
回答No.3

Dreamweaver CS3で背景画像が表示されません。 >>CSSが繁栄されない場合は、CSSの重複定義。もしくは、dreamweaverを再起動して見ることが必要かもしれません。 デザインビューはブラウザとはレンダリングが違います。実際のブラウザとは違うこともあります。

ima5200
質問者

補足

回答ありがとうございます。 cssは重複していないようです。 確かにブラウザと見え方が違う時ってありますね! 今回は残念ながらブラウザでも背景画像は表示されていませんでした…。 再起動も試してみましたが変わりありません。 cssからでは反映されないのに、ページプロパティからの指定ならちゃんと表示されるのはなぜなんでしょうかね…。

  • salonpath
  • ベストアンサー率48% (194/399)
回答No.1

body部分のcssを全てコピペしてください

ima5200
質問者

補足

回答ありがとうございます。 body部分のcssは以下の通りです。 body { margin: 0px; background-attachment: fixed; background-color: #003366; background-image: url(images/bg_blue.jpg); } この状態で画像は表示されず、カラーのみが反映されます。 関連があるかもしれないので中のboxで囲まれた部分も書いておきます。 #container { background-image: url(images/yoko_line.jpg); background-repeat: repeat-y; width: 680px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: "MS P明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size: 15px; color: #000000; line-height: 130%; } よろしくお願い致しますm(_ _)m

関連するQ&A