2017-02-13 52 views
-4

当我悬停第一张图片时,我想要显示红色线条和矩形以及名称。 如何使用HTML & CSS做到这一点?除此之外,它应该是响应!它具有绝对位置悬停子元素html显示文字和图片悬停时的形状

picture 1: before hover

picture 2: on hover

+1

你不能只是请人编写代码为您服务。这个问题不涉及具体问题,而且过于宽泛。 – NotABlueWhale

+0

感谢您的评论,但我不想要代码!我只需要知道是否有任何特定的技术来做到这一点。 – Behnam8

+2

这不是你的[第一](广泛](http://stackoverflow.com/questions/28957798/)(http://stackoverflow.com/questions/38588911/some-images-does-not-show-in-firefox)使用下一个和上一个按钮的长列图)[问题](http://stackoverflow.com/questions/27101150/conflict-between-sql-server-2008-r2-and-2012) - 请访问帮助中心和[了解如何提问](http://stackoverflow.com/help/how-to-ask) –

回答

0

这里是展示如何做你问悬停效果小提琴:https://jsfiddle.net/Darin_Cardin/0b1fynuo/16/

这段代码的关键是:

$(".pantrollover").hover(function(){ 
    $(this).find('.rollovertop').fadeOut("fast"); 

},function(){ 
    $(this).find('.rollovertop').fadeIn("fast"); 
}); 
-1

显示/隐藏。如果你想让你的div具有特定形状的人们使用svg剪贴蒙版。