如何用圖像替換文字

我想知道您是否可以在div中使用寬度爲50px，高度爲100px的黃金背景文字，並且當您將鼠標懸停在該框上時，它會變爲圖像。如何用圖像替換文字

此外，我該如何調整他們彼此相鄰，像這樣：

⬛️⬛️⬛️

用於在頁面上的商店中分類。

謝謝。

2017-07-15 Cøded Numbers

.mainDiv{ 
 
    background-color:gold; 
 
} 
 
.mainDiv:hover{ 
 
    color:transparent; 
 
    background-image:url('https://www.gstatic.com/webp/gallery3/1.png'); 
 
}

<div class="mainDiv" height="200px" width="200px"> 
 
    Some Text<br><br> 
 
    Some Text<br><br> 
 
    Some Text<br><br> 
 
    Some Text<br><br> 
 
</div>

來源

2017-07-15 13:56:56

哇，你的傳奇效果非常好，謝謝。 –

@CødedNumbers感謝您的讚賞..... –

試試這個

<style> 
    div{ 
     background-color: black; 
     height: 200px; 
     width:200px; 
    } 
    div:hover{ 
     font-size:0px; 
     background-image: url('https://www.w3schools.com/css/img_fjords.jpg'); 

    } 
</style> 
<div> 

</div>

來源

2017-07-15 13:47:34 Nihal

非常感謝兩個答案的工作！只是我希望他們如何。 –

如何用圖像替換文字

回答

相關問題