首页 > html > z_index > CSS Property Value - 如何z-index: 10; 当悬停时，将重叠边框带到前面

CSS Property Value - 如何z-index: 10; 当悬停时，将重叠边框带到前面

z_index 【z_index】
我们想知道如何z-index: 10; 当悬停时，将重叠边框带到前面。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.container img {
  position: absolute;
  border: solid 1px black;
}

.container img.a {
  left: 0;
}

.container img.b {
  left: 90px;
}

.container img.c {
  left: 180px;
}

.container img.d {
  left: 270px;
}

.container img.e {
  left: 360px;
}

.container img.f {
  left: 450px;
}

.container img:hover {
  z-index: 10;
}
</style>
</head>
<body>
  <div class="container">
    <img class="a" src="http://placehold.it/100x100" /> 
    <img class="b" src="http://placehold.it/100x100" /> 
    <img class="c" src="http://placehold.it/100x100" /> 
    <img class="d" src="http://placehold.it/100x100" /> 
    <img class="e" src="http://placehold.it/100x100" /> 
    <img class="f" src="http://placehold.it/100x100" />
  </div>
</body>
</html>