增加Z-Index

Question

我正在尝试找到一种方法，每当用户在标题上悬停时，图像上的Z-Index就会增加1。请访问以下网站：https://thellendfortin.webflow.io/

当快速悬停在许多标题上时，有时会出现错误。理想情况下，Z-Index会在我们每次悬停时增加+1。有没有办法做到这一点？

谢谢!

$('.project-title').on('mouseover',function() {
    $(this).find('.image-thumbnail').css({
    'z-index':'910',
});

$('.project-title').on('mouseout',function() {
      $(this).find('.image-thumbnail').css({
    'z-index':'905',
});

Answer 1

在Javascript中，我会使用'https://www.w3schools.com/jsref/prop_style_zindex.asp‘属性来设置z索引，但老实说，我认为这更多的是css的事情，根本不应该有任何事件侦听器。http://zomigi.com/blog/css3-transitions-and-z-index/#:~:text=CSS3%20transitions%20and%20z-index%20You%20can%20apply%20CSS3,browser%20has%20to%20keep%20z-index%20in%20whole%20numbers。