解決済み

画像にcssについて

  • すぐに回答を!
  • 質問No.7805988
  • 閲覧数71
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 30% (50/165)

すいません。以下のブログにアマゾンのリンクが左にあると思うのですが、この画像の上に文字を置いてるのはどういったCSSなのでしょうか?
http://kanasoku.blog82.fc2.com/


CSSのpositionなどで絶対位置で指定しているわけでもなく、画像を背景にしているわけでもなく
このような画像の上に文字を置けるのが非常に不思議です。
私はプログラムはphpが少し分かるくらいでして、もしかするとまったく知らないjavascriptかな・・とも思いましたがブラウザのjavaを切っても表示されていますし・・。

今はソフトはドリームウィーバーCS6の体験版を使っているのですが、CSS自体が初めてでもし分かる方いましたら教えてください。

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

  • 回答No.1

ベストアンサー率 57% (1008/1745)

<img>
<span style="background: url(); height: 38px; width: 175px; display: block; position: relative; bottom: 42px; left: 0; margin-bottom: -42px; overflow: hidden; color: white;">文字<br>文字文字</span>

CSSにて、
背景画像「background: url();」に透過.pngを利用して、
元画像「<img>」の上に、スモークと白文字の位置を上げているだけ
Be MORE 7・12 OK-チップでイイコトはじまる
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

特集


より良い社会へ。感謝経済プロジェクト始動

ピックアップ

ページ先頭へ