CSSだけで画像のポップアップ
を参考にしてCSSを色々といじってみたメモ。
リンク先はNegative Marginを使う方法ですが,
displayプロパティで可視・不可視を切り替えるようにしてみました。
参照元に現われていた-10000pxというマジックナンバーが消え,
できるだけ少ないプロパティ値だけで構成できるようにしてみました。
Windows XP の Firefox 1.5,Internet Explorer 6.0, Netscape 7.1, Opera 9.1で動作確認済み。
ただしNetscapeとOperaではポップアップした画像の右端と下端が切れて表示され,
リンクをクリックすると全体が表示されるようになります。
borderが悪さをしているのかも?
CSS, XSS, DSS, FSS, VSS, CAS, CWS, CES, CDS, CXS, CZS, CSA, CSW, CSE, CSD, CSX, CSZ
ソースコード
メモ
寄せられたコメント (全 1 件中、最新 5 件まで表示しています)
この方法で、テキストリンクではなく、画像にリンクする方法
はないですか。。
それに、サムネイル画像をずらっと複数並べたとき、
サムネイル画像の下にポップアップ隠れてしまう方法しかなく、
困ってます・・。
解決方法があれば教えてもらえませんか?