人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリーで
スタイルシートに

BODY{ background-image:url(http://pic.prcm.jp/gazo/bc7/6q4sr1.jpeg);
background-repeat: no-repeat
}

と書き込んだら、背景右上にDream5という画像は表示されたのはいいのですが、そのほかの背景がすべてオレンジ色になってしまいこまっています。
URLはコチラ↓↓

http://d.hatena.ne.jp/yukimasa-ugomemoid+tensaiterebikunmax-or-dream5/

●質問者: Hidden
●カテゴリ:インターネット ウェブ制作
✍キーワード:background-image background-repeat BODY URL はてなダイアリー
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● あすか
●0ポイント

はてなダイアリーのデザインのテーマとして「ugomemo-cosmos」を選択しているためです


http://d.hatena.ne.jp/yukimasa-ugomemoid/designdetail からテーマを変更してみてください。

◎質問者からの返答

ちなみに、ugomemo-cosmosのデザインを適用したまま、Dream5の画像をはりつけたいです。


2 ● ? ????<だ
●20ポイント

background-repeat: no-repeat

のせいではないかと思われます。


background-repeat-スタイルシートリファレンス

上記サイトにもある通り、本設定は「背景画像を一回だけ表示して繰返ししない」という設定で、一度しか画像を背景に表示しないようです。

そのため、一度しか背景画像が表示されず、後の部分はbackground-colorで設定されている背景色が表示されたのではないでしょうか。

初期値は「repeat(繰り返して表示する)」ですので、こちらを使用すれば良いのではないかと思います。


その他にも上記サイトには「background」に関するCSS設定がいくつか書かれていますので、参考にされてはいかがでしょう。


3 ● Q-A
●60ポイント ベストアンサー

bodyへの指定を削除されて、以下のソースを貼り付けてみてください。

div.adminmenu{background-image:url('http://pic.prcm.jp/gazo/bc7/6q4sr1.jpeg');background-repeat:no-repeat;height:67px;}

h1{margin-top:0;}

◎質問者からの返答

ありがとうございます

できました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ