Css 如何在将鼠标悬停在图像上时在标签中显示图像名称

我有八张图片，当我把鼠标悬停在上面时会放大10倍。现在，我想在页面顶部的单独标签中显示悬停图像的名称（即，对于第一个图像，alt=“a”）。如何使用css来实现它

<div class="positioner11">
<a class="slide" aria-haspopup="true"><img class="a1" src="Insta/1.jpg" alt="a" /></a>
<a class="slide" aria-haspopup="true"><img class="a2" src="Insta/2.jpg" alt="b" /></a>
<a class="slide" aria-haspopup="true"><img class="a3" src="Insta/3.jpg" alt="c" /></a>
<a class="slide" aria-haspopup="true"><img class="a4" src="Insta/4.jpg" alt="d" /></a>
<a class="slide" aria-haspopup="true"><img class="a1" src="Insta/5.jpg" alt="e" /></a>
<a class="slide" aria-haspopup="true"><img class="a2" src="Insta/6.jpg" alt="f" /></a>
<a class="slide" aria-haspopup="true"><img class="a3" src="Insta/7.jpg" alt="g" /></a>

<a class="slide last" aria-haspopup="true"><img class="a5" src="Insta/8.jpg" alt="h" />       </a>

</div>

.positioner11 {position:absolute; left:0; top:576px;}

.slide {display:block; border:0; text-decoration:none; float:left; border-right:1px     solid #fff;}
.last {border:0;}
.slide img {display:block; border:0; width:50px; height:50px; cursor:pointer;
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s; 
-o-transition-duration: .7s;
transition-duration: .7s;
}
.slide:hover img 
{
width:500px;
height:500px;

}

.positioner11{位置：绝对；左侧：0；顶部：576px；}
.slide{显示：块；边框：0；文本装饰：无；浮动：左；边框右：1px实心35; fff；}
.last{边界：0；}
.slide img{显示：块；边框：0；宽度：50px；高度：50px；光标：指针；
-webkit转换持续时间：.7s；
-moz转换持续时间：.7s；
-o-过渡持续时间：.7s；
过渡持续时间：.7s；
}
.幻灯片：悬停img
{
宽度：500px；
高度：500px；
}

这里有一个很好的例子：

$('ul li img').hover(
    function(){
        $(this).css('opacity','.5');
        var a = $(this).attr('alt');
        $(this).parent().append('<div class="title">' + a + '</div>');
    },
    function(){
        $(this).css('opacity','1');
        $(this).next().remove('.title');
    }
);

$（'ul li img'）。悬停(
函数（）{
$（this.css（'opacity'，'.5'）；
var a=$（this.attr（'alt'）；
$（this.parent（）.append（“”+a+“”）；
},
函数（）{
$（this.css（'opacity'，'1'）；
$（this.next（）.remove（'.title'）；
}
);

---

我们需要查看您的HTML/CSS来回答这个问题。.欢迎来到StackOverflow，请发布一些代码，以便我们可以看到您到目前为止拥有的内容。嗨，用户，欢迎来到StackOverflow。请阅读以帮助StackOverflow用户帮助您。否则，这个问题就没有任何研究成果；它不清楚和/或没有用处，可能需要一些主持人的注意才能避免浪费。-->给我们看看你的代码。