html显示图片悬停时的文本和形状

Question

当我悬停图片时，有没有办法显示红线，矩形和名称。 我怎么能用HTML＆amp; CSS？我将不胜感激，向我展示一个链接，告诉我如何使其响应。

Answer 1

这是一个小提示，显示如何处理您询问的悬停效果：https://jsfiddle.net/Darin_Cardin/0b1fynuo/16/

这段代码是关键：

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

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

Answer 2

显示/隐藏具有绝对位置的悬停子元素。如果你想让你的div具有特定形状的人，请使用svg剪贴蒙版。