アプリ版:「スタンプのみでお礼する」機能のリリースについて

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

A 回答 (3件)

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;/*画面中央*/
    • good
    • 0

下記のようにプロパティを半角スペースで区切って、一括指定することも可能です。



#banner {
background : url("*****.jpg") no-repeat fixed center top;
}

こう書くと、指定画像が上端中央に1個だけ位置固定で表示されます(他に背景色指定も可能)。不要なプロパティは省略出来ます。詳しくは下記ページをご覧ください ( ^^

背景の設定を一まとめに行う (TAG-index)
http://www.tagindex.com/stylesheet/page/backgrou …
    • good
    • 0

background-repeat:no-repeat;


で繰り返しがなくなります。

中央上に表示したいときは
background-position:top center;
左上なら
background-position:top left;
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!