如何使用jQuery設置懸停z-index？

Question

如何設置img元素懸停時的z-index？當鼠標指針位於img之外時，z-index必須爲0，否則應爲9.

我知道如何設置它，但不知道如何在懸停時更改它。

$('#content img').click(function() { 
    $(this).css("z-index", "99") 
}); 

Answer 1

$('#content img').mouseover(function() { 
    $(this).css("z-index", "9") 
}); 

$('#content img').mouseout(function() { 
    $(this).css("z-index", "0") 
}); 

Answer 2

只有A CSS的解決方案：

#content img{ 
    z-index:0; 
} 

#content img:hover{ 
    z-index:9; 
} 

Answer 3

試試這個

$('#content img').hover( 
    function() { 
    $(this).css("z-index", "99") 
    }, 
    function() { 
    $(this).css("z-index", "0") 
    });