鼠標懸停在圖像上時可點擊圖標顯示

-1

當我將鼠標懸停在圖像上時，我必須製作一個small red clickable X，它會顯示在右上角。鼠標懸停在圖像上時可點擊圖標顯示

理論是他們可以點擊X，它會處理一些工作，然後刪除圖像懸停。

我是非常新的CSS，所以我沒有實際的代碼。

任何幫助，將不勝感激。

UPDATE

繼承人我的理論：

我們添加一個懸停背景，然後我們設置的紅色圖像的背景URL，然後以某種方式將其放置在右上角。

這是不對的，我確實需要看代碼，因爲我沒有真正的技能。

來源

2016-08-14 slicks1

這不是一個免費的編碼服務。您必須至少具有您想要使用的代碼的基本知識。嘗試自己編寫你的項目。如果您遇到困難，我們可以幫助您。 http://stackoverflow.com/help/how-to-ask –

@Michael_B現在怎麼回合？這是儘可能得到 – slicks1

請給代碼 –

這裏有一個由我製作的片段。詢問一些事情是否不夠清楚。

.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>

來源

2016-08-14 19:05:59

我現在出去，幾個小時後我會回家我有一些問題 – slicks1

鼠標懸停在圖像上時可點擊圖標顯示

回答

相關問題