-PR-
解決済み

画像にcssについて

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

お礼率 30% (50/165)

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


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

今はソフトはドリームウィーバーCS6の体験版を使っているのですが、CSS自体が初めてでもし分かる方いましたら教えてください。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.1
レベル14

ベストアンサー率 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>」の上に、スモークと白文字の位置を上げているだけ
このQ&Aで解決しましたか?
AIエージェント「あい」

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

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

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

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

特集


抽選で合計100名様にプレゼント!

ピックアップ

ページ先頭へ