- みんなの回答 （2）
- 専門家の回答
みんなの回答
ご質問の意図が 『ひとつのタグで（例えば <BODY> タグに）、複数指定できるか』という意味であれば、『できません』。 background-image は <DIV>タグなどにも指定できますので、複数のタグにそれぞれ指定してお好みの場所に置いていくか、もしくは画像を工夫して1ファイルで表現できるようにするかのどちらかになると思います。
- noris02
- ベストアンサー率74% (56/75)
質問内容が 漠然すぎて答えかねますが、、 クラス・IDなどに書き込んでるものであれば、無理です #hoge{ background-image:url(1); background-image:url(2); } は むり（2に上書きされる。） .hoge1{ background-image:url(1); } .hoge2{ background-image:url(2); } なら おｋ
関連するQ&A
- background-imageが効かない
HTML5で組んだページでCSSを使っています。 bodyタグに設定したbackground-imageは背景に画像が表示されるのですが、body内に置いたid名をつけたdivタグに設定したbackground-imageが効きません。どのようにすれば効くのでしょうか。 【効く】 body { background-image: url("./images/haikei.jpg"); } 【効かない】 #contents { background-image: url("./images/haikei.jpg"); } そもそも、HTML5でdivタグを使うこと自体が誤りなのでしょうか。
- 締切済み
- CSS
- background-imageに関してですが
background-image: url(？？.gif")}ファイルなんですけどもＨＰビルダーでＨＰを作成してますが、 background-imageに関してはビルダーの素材を使わずに ＨＰのタイトルをＨＰの一面に散らすような感じにしたいのですが、そう言うファイルの作成方法を知りません 何方かご存知の方、是非教えて頂けますか 文章で方法が伝わりにくい場合はＵＲＬでも結構ですので分かりやすく説明お願いします。 --------------------------------------------------- ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊ ＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊ ＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊ ＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊ ＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊ ＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊ ＊＊＊ ＊＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊＊ --------------------------------------------------- こんな感じなんですが伝わりますかどうか 宜しくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- バックグランドイメージが表示できません
<body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう？何方かお分かりになる方、教えていただけませんか？おねがいします。
- ベストアンサー
- HTML
- CSSのbackground-imageについて
CSSのbackground-imageについて質問です。 前回「CSSでメイン部分が80%ぐらいに表示するには？ http://okwave.jp/qa/q7728293.html 」で質問した者です。 ＿＿＿＿＿＿ ｜｜ ｜｜ ｜｜main ｜｜ ｜｜ ｜｜ ｜｜ ｜｜ ～～～～～～ background-imageでメイン部分以外をパターン画像を使いたいと思いました。 そこでふと疑問が沸いたので質問させてもらいます。 sidebar-left, main, sidebar-rightをdivで区切っていると、 background-imageで背景画像を指定するにはsidebar-leftとsidebar-rightの2カ所に同じ画像を指定しないといけません。 divで区切るたびにbackground-imageを指定するのはは間違っているのでしょうか？ 背景画像を何か所も指定するやり方は間違っているような気がしたので質問します。
- ベストアンサー
- CSS
- 携帯でbackground-imageは使えますか？
docomo、au、softbankの携帯（基本的に最近の機種）でbodyにbackground-imageを適用させることは出来ますか？ <STYLE type="text/css"> <!-- BODY {background-image:url(パス);background-repeat:repeat-x;} --> </STYLE> 上記で試してみたところ、docomoはダメでした。他の機種は持ち合わせていないので。 auのエミュだけは一応表示されたのですが、実機ではないので詳細はわかりません。 docomoはbackground-imageは適用外みたいなことをどこかのサイトで目にしたんですが、やはりそうなのでしょうか？ 携帯に関するcssについて詳しく解説されているサイト等ありましたら教えていただきたいです。
- 締切済み
- HTML
- background-imageの配置
御世話になります。 CSSにて下記画像のように『お問合せボタン』を配置したいと考えております。 左の写真の一番下のラインに合わせて配置したいんです。 お問合せボタンの上には商品説明が入るようなイメージです。 background-positionでは無理ですよね？ ご教授願います。 現在の設定↓ .go_form { display: block; background-image : url(../img/お問合せボタン.png); background-position: bottom right; background-repeat: no-repeat; text-align: left; text-indent: -9999px; }
- ベストアンサー
- ホームページ作成ソフト
- background imageの変更
background imageを変えたいのですが可能ですか 方法を教えてください。 ※OKWaveより補足：「Lenovo：ノートブック (IdeaPad・Lenovo等)」についての質問です。
- 締切済み
- ノートPC
- CSSのbackground-imageが表示されません
CSSのbackground-imageが表示されません 恐れ入ります。現在CSSを勉強しつつサイトを作成しているのですが 2カラムの枠組みにて containerボックスの中にsidewrapとmainwrapを配置し、 サイトを表示してみるとcontainerボックス中にて設定をしたbackground-imageが表示されません。 確認は以下のブラウザにて確認してみました。 ○background-image表示されない ・firefox(最新ver) ・IE8 ○background-imageが表示される ・IE6 いろいろ試してみた所mainwrap中のfloat: rightをコメントアウトしたら IE8等でもbackground-imageが表示されるみたいなのですが・・・ 解決法などご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。 CSSの設定は以下のようになってます。 #header{ width:800px; background-color:#ffffff; } #container{ width:800px; background-image: url(img/back.jpg); background-repeat: repeat-y; } #sidewrap { width: 190px; float: left; margin: 0px auto; text-align: left; } #mainwrap { width: 600px; float: right; text-align: left; } #footer{ clear:both; width:800px; text-align: center; border-top: 3px solid; border-bottom: 1px solid; } 以上 よろしくお願いします。
- ベストアンサー
- HTML
- background-imageを徐々変化させたい
現在、二枚の画像を徐々に変化させたいと思い ～HTML～ <TABLE> <TBODY> <tr> <td><a href="http://www.abcd5.com/news" class="news_botan"></a></td> </tr> <tr> <td><a href="http://www.efgh5.com/news" class="news_botan"></a></td> </tr> </TBODY> </TABLE> ～CSS～ .news_botan{ width:110px; height:10px; display:block; background:url(IMGTXT/news0.gif) no-repeat; transition: background-image 4.0s ease 5s; -webkit-transition: background-image 3.0s ease 3s; -moz-transition: background-image 3.0s ease 3s; -ms-transition: background-image 3.0s ease 3s; -o-transition: background-image 3.0s ease 3s; } .news_botan:hover{ background:url(IMGTXT/news3.gif); } としましたが変化しませんでした。 どうすれば徐々にnews0.gifからnews3.gifに変化する事が出来るのでしょか？
- ベストアンサー
- CSS
- background-imageのurlのカッコの../←ってなんですか？
background-image：url(../images/css.jpg)でカッコの最初の../って何でしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
