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”指定しないと、ききませんから!
ここで相当ハマった。。。