画像の上にクリック可能なアイコンが表示されます

Question

画像にカーソルを合わせると、右上にsmall red clickable Xが表示されます。

理論は彼らがXをクリックすることができ、それはいくつかの仕事を処理し、次に上に乗ってイメージを削除します。

私はCSSには全く新しいので、実際のコードはありません。

ご協力いただければ幸いです。

UPDATE

HERESに私の理論：

• 私たちは、ホバーの背景を追加して、私たちは赤の画像の背景のURLを設定して、何とか右に配置します。

これは正しくなく、私はこれに実際のスキルがないので、コードを見る必要があります。

Answer 1

ここでは、私が作ったスニペットがあります。何かが十分明確でないか尋ねる。

.img { 
 
    height: 50px; 
 
    width: 50px; 
 
    background-color: yellow; 
 
} 
 

 
.x { 
 
    color: black; 
 
    width: 50px; 
 
    height: 50px; 
 
    display: none; 
 
} 
 

 
.img:hover>.x { 
 
    display: block; 
 
}

<div class="img"> 
 
    <div class="x"> 
 
    x 
 
    </div> 
 
</div>