• 締切済み

画像が常に前に来るデザイン

以下のサイトのように、右下に常にページトップへ戻るアイコン（？）を表示させたいのですが、 どうやったら出来るのでしょうか？ http://bibo-roku.net/1307/2ch/game/ 宜しくお願いします

  • HTML
  • 回答数3
  • ありがとう数0

みんなの回答

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.3

そのサイトでは <p id="right"><a href='#top'><img src="●○.gif"></a></p> p#right img{ position:fixed; right:20px; bottom:0px; z-index:5; } となっています。 band_dayo さんの作られるサイトの構造によっては、そのままコピペだけで使えるかもしれません。 構造によっては、親要素の調整が必要です。 調整される場合は、positionおよびz-indexの解説を読めばおそらくわかると思います。ブラウザの解釈が違うので、場合によっては全てのブラウザで同じように見せるのは不可能な場合もあります。

すると、全ての回答が全文表示されます。
noname#217950
noname#217950
回答No.2

positio:fixedを使えば可能かと。 しかし、外に居るため私自身で確認できません。 親要素を何にするかで思わぬレイアウト崩れとなりやすいです。使い方を調べて慎重にどうぞ。

すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

HTML的には 　<a href="#TOP">トップ</a>をどこかに書いておく。そしてページの最初あたり、例えば <body> 　<h1 id="TOP">見出し</h1> で良いです。 　あとはスタイルシートでお好きに。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

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

専門家に質問してみよう

職業から探して質問する
質問する