在html里，怎么可以让我悬浮的照片的zindex变大后，取消悬浮的时候不变回去

在HTML中，想要让图片浮动并且改变其`z-index`值，通常需要配合CSS来实现。当你想要图片悬浮时，可以在CSS中设置`position: relative`或`position: absolute`来控制浮动，并给该元素添加一个较高的`z-index`值，使其位于其他元素之上。

例如：

<div class="image-container">
    <img src="your-image.jpg" alt="Your Image" class="floating-image" style="position: absolute; z-index: 99;">
</div>

在这个例子中，`.floating-image` 类的样式设置了图片浮动并设置了很高的`z-index`。当鼠标移到图片上时，由于设置了`position: absolute`，图片会相对于它的最近的定位祖先元素（在这个例子中就是`.image-container`）进行定位并显示在前面。

如果你希望图片在离开悬浮状态后保持这个位置，你需要使用JavaScript或者其他交互技术来监听鼠标移出事件，并在事件处理函数中修改`z-index`。比如，你可以将`z-index`恢复到原来的值：

const image = document.querySelector('.floating-image');
image.addEventListener('mouseout', function() {
    image.style.zIndex = 'initial'; // 或者设置成实际的初始z-index值
});

这将在用户鼠标移出图片时自动降低`z-index`。