携帯サイトで質問です。

下記の様な背景いっぱいをグラデーションにするには
どうすればいいでしょうか?

http://blog.livedoor.com/mobile_design/simplewhite.html

下記では解決できませんでした。
background:url(img/gra.gif) repeat-x;
repeat-xが利かずに、横だけでなく、縦までが画像がいっぱいになり、めちゃくちゃになりました。

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/01/25 21:43:49
  • 終了:2011/02/01 21:45:03

回答(2件)

id:kia_44 No.1

きあ回答回数396ベストアンサー獲得回数302011/01/26 10:54:26

ポイント35pt

body { }内に入れていますよね?閉じかっこもありますよね?

1行でできないならとりあえず2行で書いてみるのも手ですよ。

とりあえず全パターンあげてみました。

1行で表示するなら。

全面表示

body {

background-image: url(img/bg.jpg);

}

以下は{}内だけ

x方向のみ

background:url(img/gra.gif) repeat-x;

y方向のみ

background:url(img/gra.gif) repeat-y;

Repeatなし

background:url(img/gra.gif) no-repeat;

2行でいいなら、

x方向のみ

background-image: url(img/gra.gif);

background-repeat: repeat-x;

y方向のみ

background-image: url(img/gra.gif);

background-repeat: repeat-y;

Repeatなし

background-image: url(img/gra.gif);

background-repeat: no-repeat;

http://hac-design.com/css/background.html

id:kia_44 No.2

きあ回答回数396ベストアンサー獲得回数302011/01/26 13:30:21

ポイント35pt

作ってみました。ほんと背景入れただけなんですが良ければどうぞ。

画像は質問にあるサイトの背景を拝借しました。

PCでみるならこっち

http://memo.bz/up/aa.html

携帯確認用のQR

http://memo.bz/up/qr.jpg

jpegとhtmlのzip

http://memo.bz/up/aa.zip

こちらはSoftBankの830CAで確認しました。

  • id:kia_44
    下記の様な背景いっぱいをグラデーションにするには

    repeat-xが利かずに
    との文で迷ったんですが、前者で回答してありました。
    だめならメッセージ下さい。フォローします。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません