• ベストアンサー

[CSS 文法]Invalid number : background Too many values or values are not recognized

私はCSSファイルを現在作成しています。 CSS2仕様書(http://www.w3.org/TR/REC-CSS2/cover.html#minitoc)を見ると 'background' Value: [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit と書かれています。 今、背景色:茶色、背景画像:なし、画像繰り返し:なしをhtml要素に適用するつもりで、 ---- @charset "UTF-8"; html { background:brown none none scroll; } ------------------ と打ったところ、W3CのCSS Validatorは Invalid number : background Too many values or values are not recognized : brown none none scroll と言ってきました。私は何が間違っていたのでしょうか?

noname#20378
noname#20378
  • CSS
  • 回答数3
  • ありがとう数0

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

繰り返しなし は no-repeat です。 backgroundでnoneという値が在るのは背景画像についてだけですので、noneが2つ在るのはおかしいという事になります。

その他の回答 (2)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

>指定しては「いけない」という記述はどこかにありますでしょうか? 指定しては「いけない」ということはありません。 誤解させたならすみません。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

画像繰り返し:なし は no-repeat です。 background-color:brown; だけで良い(scrollは、初期値、他は、背景無しでは意味がないとか)様な気がします あと、brown は、標準16色名以外の色なので使わない方がいいかも。 all Element でも、普通 html でなくて body のような気がします

noname#20378
質問者

補足

#1さんとあわせて ご指摘ありがとうございます。 >scrollは、初期値 解ってはいるのですが、一応書いておいたほうが後で書き漏らしをしていないという自信とか確認にも(無駄?w)なる"気がする"ので。 >他は、背景無しでは意味がないとか ええ、これも理解できます。しかし、指定しては「いけない」という記述はどこかにありますでしょうか?(それとも私がそもそも文法を誤解している?)

関連するQ&A

  • スマホブラウザでの背景固定

    以下のCSSで背景画像を固定しようと思っています。 PCでは問題なく固定されるのですが、スマホだと 背景画像が固定されず、画面をスクロールすると一緒にくっついてきます。 スマホの場合は別の対処が必要なのでしょうか? body { margin:0 auto; text-align:center; padding:0; background: url(../images/photo01.jpg); background-repeat:no-repeat; background-position:center bottom; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

    • ベストアンサー
    • CSS
  • 任意のテーブルのみに背景画像を設置して、時間ごとに変更するには?

    ホームページを作っていてどうしても うまくいかないことがあるので相談させてください。 1ページの中に複数のテーブルがあるのですが、 そのうちの一つだけに背景画像を設置して、 尚かつ時間ごとに画像を変更したいのですが、 うまくできません。 BODYの背景を変える場合は、JAVAスクリプトで できたのですが、任意のテーブルのみに同じような ことをすることはできないのでしょうか。 いくつか試したのですが、例えばCSSを用いて、 <style type="text/css"> <!-- .timg{ background-attachment: scroll; background-image: url(img/001.gif); background-repeat: no-repeat; background-position: center; } --> </style> としておき、任意のテーブルタグにて <table class="timg"> とすることで、任意のテーブルのみに 背景をつけるとこまではできたのですが ここからJAVAスクリプトで背景を時間ごとに 変えるやり方がわかりませんでした。 どうかアドバイスよろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景画像を下まで見せたい

    写真・イラストのギャラリーページを作ってるんですが、背景として設定した画像をスクロールして下まで見れる設定にするにはどうしたらよいのでしょうか? 画面設定は1024×768、画像自体は1000×600pixの大きさです。 現在は以下の方法で設定してます。 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○○○○○); background-attachment : scroll; background-repeat : no-repeat; } アドバイスの程、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ヤプログの両側固定背景タグについて

    両側固定背景のタグを使うときに 左右違う画像を使うことは不可能ですか? html { background-image : url("URL"); background-attachment: scroll; background-position: 100% 0%; background-repeat: repeat-y ; } このようなタグです。 いろいろ試してみましたが、むりでした。 背景A [サイドバー] 「本文」 [サイドバー] 背景B という形にしたいのです。 わかる方、教えてください。

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS
  • マウスアウト後も画像が消えたままにしたいのですが

    cssまたはjqueryの件で質問です。

 背景画像をマウスオーバーで「noneimage(背景画像なし)」に設定しているとして、
 その後マウスアウトしても画像が消えたまま(マウスオーバー状態の効果を持続)にするにはどのようにすればいいでしょうか?

 とりあえずcssで「:hover」でbackground-image:noneにしていますが、 
これだとカーソルがそれた時点で背景画像が出てきてしまいます。 

経験が浅いのでcssかjqueryかどちらを使えばいいかわかりませんが
 どなたか例を教えて頂けますと幸いです。

 どのようにしたいか図で示したものを添付しますので
参考にしてください。 

よろしくお願い致します。

    • ベストアンサー
    • CSS
  • 背景を固定した時の表の背景

    こんにちは。HPを制作し始めたばかりの初心者です。 質問です。 背景をこんな感じて固定した時 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○.jpg); background-repeat : no-repeat; background-attachment : fixed; background-position : 90% 50%; } --> 作ってる表の背景画像が無効になっちゃいます。 なんか間違ってるんでしょうか??? お答えを頂けると有り難いのですが。

    • ベストアンサー
    • HTML
  • アメブロの、cssで編集がうまくできず困っています

    アメブロをやっています。ブログに背景をいれたくてcssをいじってるのですが、設定してプレビューしても、移しだされず、 「リクエストは既に処理中であるか無効です」と、表示されます。 設定は、画像アップ→画像を右クリック→ショートカットのコピーからURLをコピー→css編集画面の、ページ背景に画像を入れる、 ()の間にコピーして、 改行してから、 background-repeat:no-repeat; background-position:rightbottom; background-attachment:fixed; を入力しました。 どうして設定できないのでしょうか? どなたかご返答いただけるとたすかります!

  • ホームページビルダーV9での背景固定について

    ホームページビルダーV9を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>

  • Webタグの背景について

    今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・

専門家に質問してみよう