- ベストアンサー
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
- バックグランドイメージが表示できません
<body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう?何方かお分かりになる方、教えていただけませんか?おねがいします。
- ベストアンサー
- HTML
- CSSのbackground-imageにリンク
<table width="800" height="100" border="0" cellpadding="0" cellspacing="0" style="background-image:url(images/XXXXXX.jpg);" > 上記のURLにて、テーブルに画像のリンクを張っています。 この画像リンクに、下記のようなリンクタグを使いたいのですが、いろいろと試したのですが、 うまく出来ません。どなたか、ご教授いていただけないでしょうか? <a href="http://www.XXXX.co.jp/">通常のリンクテキスト </a> 宜しくお願いします。
- 締切済み
- 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
- 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
- firefoxでcssを使った時背景画像が表示されない
CSSでfloatを設定し、その中のそれぞれに背景画像を表示しようとすると、上手くいきません。 背景画像も背景色も表示されません。 構文に間違いがあるのでしょうか? それともそのような仕様なのでしょうか? よろしくお願いいたします。 ###CSS### #container { width: 900px; background-image: url(images/back.jpg); background-repeat: no-repeat; } #header { width: 900px; } #contents { width: 748px; background-color: #FFFFFF; background-image: url(images/image.jpg); background-repeat: no-repeat; background-position: top; padding: 0px; margin-left: 76px; } #footer { clear: both; width: 748px; margin-left: 76px; } #sidebar { float: left; background-image: url(images/side.jpg); width: 180px; margin-top: 14px; background-color: #FFFFFF; } #main { float: right; width: 568px; padding: 0px; background-color: #FFFFFF; background-image: url(../images/image2.jpg);
- 締切済み
- HTML
- 上部と下部にx-repeat∞の背景画像を置きたい
html { background-image: url(../images/design_02.jpg); background-repeat: repeat-x; background-position: top; } body { font-family: sans-serif; color: #333333; background-color: #ffffff; background-image: url(../images/design_47.jpg); background-repeat: repeat-x; background-position: bottom; } でcssを組んでいます。 画面一杯に、ヘッダーを含めた上部、フッターを含めた下部にグラデ背景を乗せたデザインにしたいのですが、上記cssでは緩衝しあうのか、bodyで置いた画像しか表示されません。 このようなデザインにしたい場合、どのようなcssにすれば良いのでしょうか。
- ベストアンサー
- CSS
- background-imageに関してですが
background-image: url(??.gif")}ファイルなんですけどもHPビルダーでHPを作成してますが、 background-imageに関してはビルダーの素材を使わずに HPのタイトルをHPの一面に散らすような感じにしたいのですが、そう言うファイルの作成方法を知りません 何方かご存知の方、是非教えて頂けますか 文章で方法が伝わりにくい場合はURLでも結構ですので分かりやすく説明お願いします。 --------------------------------------------------- ******** ******** **** ****** ******** ***** **** ******** ******** ******** ******** *** ***** ******** ****** ** ******** ******** ******** ******** ** ****** ******** ***** *** ******** ******** --------------------------------------------------- こんな感じなんですが伝わりますかどうか 宜しくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- 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の画像を拡大する方法はありますか? cssでbackground-imageを指定しています。 baackground-image: url('画像のアドレス'); この画像を拡大する方法はあるのでしょうか。 ありましたら、教えてください。 普通の画像はimageタグでwidthやheightで拡大縮小できるのですが、 baackground-imageではどうやっていいか、調べてもわかりませんでした。
- 締切済み
- その他(インターネット・Webサービス)