CSSで重なり順を決める zindex


CSSで重なり順を決める zindexCSS では、重なり順を zindex という番号で管理しています
デフォルトは0(auto)

番号が大きくなるほど前面に表示されます
同じ番号だと、後ろの要素が前面に表示されます
これを使えば、マウスが要素に重なった時点で
その要素の zindex の値を一番大きくすれば
最前面に表示することができます
これを行うには
var zindex = 1;
というように値を初期化
次に、
.mouseover() の内部で
$(this).css({“zIndex”: ++zindex});
というようにカウントアップすればOKです


PDF
カテゴリー: jQuery UI   パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>