- ベストアンサー
Dreamweaver CS3で背景画像が表示されない問題
- Dreamweaver CS3でセールスレターの背景に画像を設定したいが表示されない問題について解説します。
- 背景にはグラデーション画像を使用したいが、どの画像を設定しても表示されない現象が発生しています。
- 初心者のため、何か初歩的なミスがある可能性もありますので、解決策をご教示いただければ幸いです。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
返信ありがとうございます こちらで用意した#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; }
その他の回答 (2)
Dreamweaver CS3で背景画像が表示されません。 >>CSSが繁栄されない場合は、CSSの重複定義。もしくは、dreamweaverを再起動して見ることが必要かもしれません。 デザインビューはブラウザとはレンダリングが違います。実際のブラウザとは違うこともあります。
補足
回答ありがとうございます。 cssは重複していないようです。 確かにブラウザと見え方が違う時ってありますね! 今回は残念ながらブラウザでも背景画像は表示されていませんでした…。 再起動も試してみましたが変わりありません。 cssからでは反映されないのに、ページプロパティからの指定ならちゃんと表示されるのはなぜなんでしょうかね…。
- salonpath
- ベストアンサー率48% (194/399)
body部分のcssを全てコピペしてください
補足
回答ありがとうございます。 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
補足
お返事ありがとうございます。 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;の記述はありませんでした。