- 締切済み
画像が常に前に来るデザイン
以下のサイトのように、右下に常にページトップへ戻るアイコン(?)を表示させたいのですが、 どうやったら出来るのでしょうか? http://bibo-roku.net/1307/2ch/game/ 宜しくお願いします
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- 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
回答No.2
positio:fixedを使えば可能かと。 しかし、外に居るため私自身で確認できません。 親要素を何にするかで思わぬレイアウト崩れとなりやすいです。使い方を調べて慎重にどうぞ。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
回答No.1
HTML的には <a href="#TOP">トップ</a>をどこかに書いておく。そしてページの最初あたり、例えば <body> <h1 id="TOP">見出し</h1> で良いです。 あとはスタイルシートでお好きに。