リンク先の画像にホバーオーバーレイを追加します

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

位置にdiv要素内のすべてのラップ：相対し、hrefの外にボタンを追加し、位置して：あなたはそれを配置したい場所を絶対、それを中央に配置します。