• ベストアンサー

FC2ブログ トップ画像について質問です。

FC2でブログをはじめました。 まだ初心者でトップ画像を変えたく色々調べた所、画像をUPしスタイルシート編集で ”background-image: url” の部分を変えればいいという事は分かったのですが、画像が縦にも横にも何個も羅列してしまい困っています。 どのようにすれば画像1個だけになるのでしょうか? ちなみに画像のサイズは400×100ピクセル程度のJPEGデータになります。 詳しい方いらしたらお教えください。 よろしくお願いします★

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

  • ベストアンサー
noname#56882
noname#56882
回答No.2

CSS部分をお分かりのようですので下記のようにしてみてください。 body{background-image:url(画像ファイルへのリンク); background-color:画面の背景色;/*これは任意で*/ background-attachment:fixed; background-position:top left;/*左上の場合(下の例に変更するのはここです)*/ background-repeat:no-repeat;} 他には background-position:top right;/*右上の場合*/ background-position:bottom left;/*左下の場合*/ background-position:bottom right;/*右下の場合*/ background-position:top center;/*中央上の場合*/ background-position:bottom center;/*中央下の場合*/ background-position:center center;/*画面中央*/

その他の回答 (2)

noname#57571
noname#57571
回答No.3

下記のようにプロパティを半角スペースで区切って、一括指定することも可能です。 #banner { background : url("*****.jpg") no-repeat fixed center top; } こう書くと、指定画像が上端中央に1個だけ位置固定で表示されます(他に背景色指定も可能)。不要なプロパティは省略出来ます。詳しくは下記ページをご覧ください ( ^^ 背景の設定を一まとめに行う (TAG-index) http://www.tagindex.com/stylesheet/page/background.html

  • dollet
  • ベストアンサー率51% (28/54)
回答No.1

background-repeat:no-repeat; で繰り返しがなくなります。 中央上に表示したいときは background-position:top center; 左上なら background-position:top left;

関連するQ&A