首先我的想法：
在这个example中，我们有7个图像具有不同的z-index（黑色具有-1和 白有-7）。它们的左边填充也增加了每张图像25px。 我现在想要的是在悬停时更改图像的z-index。
这是我的代码：
<?php
for($i=1;$i<=7;$i++){
$p = 25 * $i;
?>
<div style="z-index: - <?php echo $i;?>; padding-left:<?php echo $p;?>px; position:absolute;">
<img src="images/<?php echo $i; ?>.png" />
</div>
<?php
}
?>
这似乎不起作用，因为我无法添加：悬停在style属性中。任何人都知道这可能如何工作？
如果在悬停时无法更改z-index，那么更改图像的宽度和高度也会有效（例如从40x40到60x60）。