スタイルで要素を最前面に表示する|(css jquery)

DIV等の要素が重なっている場合に、特定の要素を動的に最前面に表示する方法です。

要素の重なり順を制御するためにスタイルにz-indexがあります。この値を適切に設定すれば、要素の順番を制御することができます。

<div id=”A” style=”z-index=20;width: 100px; 100px;background-color: Red;” /div>
<div id=”B” style=”z-index=10;width: 100px; 100px;background-color: Blue;” /div>

$(document).ready(function(){
$(‘#img-dtl13′).hover(function(){
$(this).css({ position:’absolute’,zIndex:1000 });
}, function(){
$(this).css({ position:’absolute’,zIndex:1 });
});

”position”指定しないと、ききませんから!
ここで相当ハマった。。。

コメントを残す

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