在悬停时添加按钮叠加到链接的图像

Question

我主要是一名后端工程师，请原谅我，如果这个问题有一个非常明显的答案，但我有一组图片，当点击导航到新页面时。我正在尝试实现一种方法，以便悬停在图像上方显示一个按钮，可以单击该按钮以触发模式弹出。我想知道是否有办法这样做，因为图像本身包含在锚标记中。覆盖的按钮应具有ng-click属性

这是现有的代码。再次对不起，如果这是一个非常新手的问题。

<a ng-href="/{{similarCampaign.crossSellPath}}" ng-attr-title="{{similarCampaign.name}}">
  <img class="img-responsive" style="width: 150px" ng-src="{{similarCampaign.mockupUrlSmall}}" ng-attr-alt="{{similarCampaign.name}}" ng-attr-nopin="{{similarCampaign.stealthy ? 'nopin' : ''}}"/>
  <!-- button overlay of image above -->
</a>

Answer 1

使用position：relative包装div中的所有内容，并在a href外部添加一个按钮，其位置为：absolute，然后将其置于您想要的位置。