人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

このWebページ(http://mb.softbank.jp/mb/special/covercolle/rock/)の左下にあるバナー画像は背景に指定されているようですが、そのファイルがHTMLソースに見当たりません。どういう仕組みか教えてください。
バナー画像: http://mb.softbank.jp/mb/special/covercolle/rock/img/bg_related_info1.png

●質問者: fmht7
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov

div.related-info1のcssにbackground-imageが設定されています。

http://mb.softbank.jp/mb/special/covercolle/rock/substyle.css


こういった調査はfirebugを使うと簡単ですよ。

◎質問者からの返答

ありがとうございます!

当方Web1.0以前で時間が止まっており悩んでいました^^;

firebug導入検討してみます。


2 ● ?て?す?と?
ベストアンサー

Cherenkovさんの回答で正解が出てますが、詳しく書くと

CSSでdiv.related-info1に背景画像と画像が見えるように幅・高さを指定しています。

また、そのdivの中にあるアンカー(aタグ)にも、CSSでdisplay:block;

+幅・高さを指定して画像部分がクリックされたらリンクが効くようにしています。

アンカーの文字はtext-indent: -9999px;で画面外に飛ばして見えないようにしています。

IE8以降ならF12キーで起動する開発者ツールで調査できます。

◎質問者からの返答

hatestさん、ありがとうございます!

IE8で開発者ツールで見れました。

またGoogle Chromeの要素の検証でもいけますね。

勉強になりました。

P.S.

最近ごぶさたですが id:hatehahaiku さんにもよろしくお伝えください。^^

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ