0
当我将鼠标悬停在图像上时,我有八个图像放大到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;
}
我们需要看到你的HTML/CSS来回答这个问题.. – Adrift
欢迎StackOverflow的,请张贴一些代码,所以我们可以看到你到目前为止。 – Revent
嗨用户#######并欢迎来到StackOverflow。请阅读http://stackoverflow.com/faq以帮助StackOverflow用户为您提供帮助。否则,这个问题没有显示任何研究工作;它不清楚和/或没有用处,可能需要一些主持人的注意力来挽救浪费。 - >向我们显示您的代码。 –