• ベストアンサー

テキストの上に画像

表の中に商品の料金があります。 その商品が販売された場合、料金(テキスト)の上にSOLDOUT(画像)と表示したいです。 「テキストの下に画像」の方法は見つけたのですが、その逆を見つけることができませんでした。 方法があれば教えてください。

  • CSS
  • 回答数4
  • ありがとう数3

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

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

簡単な方法なら、 \1,000<img src="背景透過.gif" style="margin-left: -80px;" width="" height="" alt=""> あとは、色々応用して位置調整。

その他の回答 (3)

  • abril
  • ベストアンサー率69% (388/560)
回答No.3

テキストと画像のブロックに対し、position, top, left, z-index等のプロパティを使用して適切な指定をすれば、「2つの要素を重ね合わせる事」はできます。ただし、環境や前後のブロックの作り方などの兼ね合いにより、差異が出る場合がありますので、質問者様の現在の状況に必ずしも合致しないかもしれません。。

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.2

SOLDOUT を透過 GIF で作成して、テキストの上に CSS で配置するのが良いと思います。 CSS に関しては現在の作りに関係する為、具体的なアドバイスは出来ません。考え方として。

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.1

SOLDOUT を透過 GIF で作成して、テキストの上に CSS で配置するのが良いと思います。 CSS に関しては現在の作りも関係する為、具体的なアドバイスは出来ません。考え方として。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • GoLive5 画像の上にテキスト

    お世話になります。 画像の上に、テキストを書くにはどうしたらよいのでしょうか。 テキストボックスやフローティングボックスを使って、 あるいは他の方法で、テキストを上に載せることができますか？ よろしくお願いします。

  • CSS マウスオーバーでテキストの上に画像を表示させるには？

    CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる（テキストが見えない状態にする）方法というのはありますか？ background-image を使うとテキストが見えてしまいます・・ マウスオーバーで　画像１→画像２　と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像　と表示させる方法は見つかりませんでした。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像の上にテキストを表示させる方法

    OS4を使ってHPを作っているのですが 画像の上にテキストを表示する方法を教えてください。 セルの背景に画像を設定すればよいのでしょうか？ HTMLのこともよく分かっていない人間なので おかしな質問をしているとは思いますが どうぞよろしくお願いいたします。

  • Dreamweaver　画像の上にマウスポインターを当てるとテキストが表示するには？

    Dreamweaverでホームページを作成してるのですが、画像の上にマウスポインターを当てるとテキストが表示されるページを良く見かけるのですが どのような設定でテキストを表示させるのでしょうか？出来ればデザイン画面で編集出来る方法を教えて下さい。 Macを使っています。よろしくお願いします。

  • 中央に配置して上にテキストを置きたい

    dreamweaver8 を使ってホームページを作っています。 画像（中央に配置）の上にテキストを置きたいのですが、どのような方法がベストなのでしょうか？ 試してみたのは… １．背景として配置して上にテキストを置く。 でもこれだと、背景の画像が中央にいきません。 ２．画像をイメージとして配置 これだと、テキストが上に置けません。 画像を中央に配置して、かつ上にテキストを置けるようにするにはどうしたらいいのでしょうか？？ よろしくお願いします。

    • 締切済み
    • CSS
  • CSS 画像横に改行があるテキストを高さ中央で

    画像の右側にテキストを回り込ませ、 そのテキストを、高さ中央揃えにしたいのですが テキストに改行がある場合には どのようにしたら良いでしょうか？ テキストに改行があるために vertical-align:middle; を使うとテキストの<br>以下が画像下に回り込んでしまいます。 vertical-align:middle; を使うと、改行以下も画像の横に表示されますが、 上揃えとなってしまいます。 何かもっと違う方法が良い方法があれば教えてください。 お願いします。

    • 締切済み
    • CSS
  • html言語で、画像とテキストを並べる場合

    以下のようにテキストと画像を並べたい場合、ソースの記述はどのようにしたら良いでしょうか？どうも、ＨＰ作成のアプリケーションソフト（FrontPageExpress、マイクロソフトワードなど）では上手くいかなくて、タグ手打ちにしてやるう！と喚いているのですが。 ---text---　　　　　　■■■■■■■■ ----------　　　　　　■　　　　　　　　■ 　　　　　　　　　　　　　■　　　画像　　　　■ 　　　　　　　　　　　　　■　　　　　　　　　■ 　　　　　　　　　　　　　■　　　　　　　　　■ 　　　　　　　　　　　　　■■■■■■■■ 両端に余白を持たせたくもあります。ソースを<blockquote></blockquote>で囲めばＯＫ？ 逆に、 　　　　　　　　　　　　　　■■■■■■■■ 　　　　　　　　　　　　　　■　　　　　　　　■ 　　　　　　　　　　　　　　■　　画像　　　　■ 　　　　　　　　　　　　　　■　　　　　　　　■ －－－text－－－　　　■　　　　　　　　■ －－－－－－－－　　　■■■■■■■■ と表示したい場合（下を揃える）、どう記述すればいいでしょうか？ なるべく簡潔なタグになるようお願いします。 あと、FrontPageExpressはタグ手打ち入力は、出来ないんでしょうか…。

    • ベストアンサー
    • HTML
  • 背景画像の上にテキストを表示したい

    はじめまして。 さっそくですが、背景画像の上にテキストを表示したいのですが、各ブラウザによってレイアウトにずれが生じてしまいます。 画像リンク（Network Servicesなど）は各ブラウザで確認してもレイアウトが崩れていないのですが、テキストリンク（aaaaaaaaaやbbbbbbbbなど）が思い切りずれてしまいます。 こちらまず背景画像をレイアウトし、その上に画像リンクやテキストを重ねてレイアウトしているのですが、作り方そのものが間違っているのでしょうか？それともcssの設定に問題があるのでしょうか？ 該当css部分は下記です。 #oslu_1a{ margin-top: 30px; margin-left: 23px; } #oslu_2a{ margin-top: -55px; margin-left: 270px; } #oslu_3a{ margin-top: -39px; margin-left: 515px; } なにとぞよろしくお願いいたします。m(_ _)m

    • 締切済み
    • CSS
  • イラストレーターでドロップシャドウをかけた文字を画像の上に乗せるとシャ

    イラストレーターでドロップシャドウをかけた文字を画像の上に乗せるとシャドウだけが画像の下に入りこまっています。　レイヤーは画像を下にして、上にテキストを重ねています。 ドロップシャドウをかけたテキストも画像の上に乗っけていないときはシャドウがかかっているのですが、画像の上にもってくると文字は乗っかっているのですが、シャドウだけ画像の下に隠れてしまいます。 どうしたらいいのでしょうか。

  • テキストボックスの設定について

    ヴィスタバージョンで使用しているワード2007で質問です。 テキストボックスの中に画像を貼り付け、その上にスマートアートを重ねる作業をしたいのですが・・ うまくいきません。 3枚の紙を重ねている感覚で、 一番下のテキストボックスを最背面に、 一番上のスマートアートを最前面に設定すると、 真ん中に入れたい、 画像が見えなくなってしまいます。 スマートアートの下にうっすら画像が映っている状態にしたいのです。 真中の画像の扱い（書式設定の方法？）がわかりません。 どなたか、教えてくださいませんか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する