• ベストアンサー

背景画像を前面に表示させる方法

cssで画像を設置する場合、背景としてhtmlで書かれた部分の後ろに 画像が表示されますが、 逆に、htmlで書かれた部分を視覚的に消して、 cssで背景画像を前面に表示させる方法はありますか? htmlでやれば早い話なのですが、理由があってcssで表示させたいのです。 よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

<div style="background:url( );">テキスト</div> 通常はこういう場合の事? それなら方法は色々あるけど、良く使われるのが、 <div style="background:url( ); text-indent:-9999;">テキスト</div> visibility:hidden; でも display:none;でも良いですし、positionとかその他・・・

sasaki027
質問者

お礼

解決しました。 回答ありがとうございました。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

消すだけなら visibility:hidden;でOKですが???

sasaki027
質問者

お礼

回答ありがとうございました。

関連するQ&A

  • divの背景画像を、徐々に表示させるには?

    トップページに、2つのdivボックスを設置し、 それそれの背景画像をcssで、リピートさせるようにします。 さらに、それぞれのdivの背景画像が、 徐々に表示されるようにしたいのですが、 cssや、javascriptで可能でしょうか? (最初は真っ白→だんだん背景画像) 可能でしたら、その方法を御教えいただけますでしょうか! Flash使用は、考えておりません。 よろしくおねがいいたします。

  • カウンターを背景画像の前面に表示したい

    HP制作初心者です。 昔持っていたホームページビルダー7でHPを作り始め、カウンターを設置したのですが、背景画像があるとその上に乗せたカウンターがバツ印となって表示されません。 背景画像を取り去るとカウンターはきちんと表示されます。 カウンターは画像の上に表示させることができないのでしょうか?

  • 背景画像だけをはみ出して表示させたい。

    CSSについて質問です。 よろしくお願いします。 CSSで背景画像だけをはみ出して表示させたいのですが、 やり方がわかりません。 例えば、exampleというIDをつけている要素があって、 中のテキストははみ出さずに背景画像だけをはみ出して表示させたいです。 ===CSS=== #example{ background-image:url(images/backimage.gif); background-repeat:no-repeat; } ===HTML=== <div id="example">背景だけはみ出したい!!</div> overflowを使うと中のテキストがはみ出してしまいますが、 何かいい方法はありませんでしょうか。 具体的には横幅180pxのサイドバーに182pxの背景画像を付けて 枠を作ろうとしています。 ご教示の程よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • 外部CSSで背景画像を表示させる方法

    外部CSSについての質問です。 ホームページを作成するにあたり、外部CSSを使用しているのですが、背景画像が表示されません。 普通の(固定なし)背景画像はきちんと表示されるのですが、「背景画像を固定する」タグだと表示されません。 ソースは間違っていないし、何度やっても表示されず、こちらで質問することにしました。 固定方法は、パーセントで指定する方法です。 どなたかご指導頂けないでしょうか? よろしくお願い致します。

    • ベストアンサー
    • CSS
  • Dreamweaver CS3で背景画像が表示されません

    セールスレター(ホームページ)の背景に画像を使いたいので CSSの「body」から背景→背景イメージの欄に使用したい画像を設定しています。 理想はグラデーション画像なのですが、 どんな画像を入れても表示されません。 (グラデーションでないものも、ファイルサイズ等に関係なく表示されません) jpg画像で同じフォルダ内に入っています。 背景色は問題なく表示されます。 ホームページ内の背景でない部分はdivで囲み影画像を背景にしてあります。 (幅680px,高さ指定なし マージン:左右自動、上下0 影の画像をY軸にリピート) body:(幅高さ指定なし、マージン上0、背景に入れたい画像) ページプロパティから背景画像を指定した場合は表示されますが、 ページのTOPのみグラデーションのある画像にしたいため リピートするとグラデーションが何度も繰り返されてしまいます。 そのため「固定」を使うためにCSSを使用しなければならないと思い CSSで表示する方法を探しております。 初心者なので何か初歩的なミスをしているかもしれません。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • HPの背景画像が表示されません

    ホームページNinja9を利用してHPを作成しております。cssを使って背景画像を固定しているのですが、自パソコンから閲覧すると背景画像の固定表示はさていました。しかし最近、他パソコンから閲覧した際その背景画像が全く表示されていないことに気がつきました。当サイトの全てのページにおいて背景が表示されておりませんでした。そのパソコンで閲覧した他サイト様の背景はきちんと表示されていましたので自サイトの問題と認識しております。 しかし、その理由がわからなく困っております。どなたか教えて頂けないでしょうか。 因みに、使用したcssは次の通りです。 <style type="text/css"> <!-- body {background-image : url("◇◆◇.jpg"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat;} --> </style> ◇の部分のファイル位置は確認しましたが正しかったようです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 背景画像の表示

    先ほど背景画像の表示はできましたと返答いたしましたが、背景を別のものに変更したら背景の表示がなくなってしまいました。 <body background="http://www---------------/---/"--- .jpg"text="#808000">で表示がでません。 ※CSSで背景設定しているページもあります。

    • ベストアンサー
    • HTML
  • アメブロの背景を1枚の画像で

    アメブロを1枚の画像で背景にしたいんです。 画像を大きくしてから画像フォルダにいれてCSSを書いてるのですが、 どうしても小さく表示されてしまいます。 http://s.ameblo.jp/css-staff/ ↑このブログのように、 1枚の画像の背景にしたい場合はどうすれば良いのでしょうか? 回答お待ちしてます!!

  • 画像の回り込みと、見出しの背景画像について

    Wordpressで見出しの背景に画像を設定していて、メディアを追加でイメージを設置し、設置したイメージを左寄せにした場合、見出しと段落は回り込むのですが、見出しに設定してある背景が画像の裏に残ってしまうのを回避するCSSの指定はどうすれば良いでしょうか?

    • 締切済み
    • CSS
  • HPの背景画像の表示

    CSSで背景画像を設定しましたがアップロード前(PC内)ではきちんと表示していましたがアップロードしたら背景が表示されません。

専門家に質問してみよう