CSS Property Value - 如何z-index: 10; 當懸停時，將重疊邊框帶到前面
我們想知道如何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>
【z_index】
