如何處理不同的元件上懸停和由CSS改變不同元件的圖像中僅

如何處理懸停不同元件上，並通過CSS改變不同元件的圖像中僅如何處理不同的元件上懸停和由CSS改變不同元件的圖像中僅

例如，假設該圖像是使用作爲「我」中的背景，我們需要將鼠標懸停在「懸停」上的「div」時更改爲圖像。和元素結構是..
div
i
div

我想這樣做純粹的CSS，而不是在jQuery和JS ....

2014-01-21 user3217799

簡單地寫：'div：懸停我{/ *您的CSS * /}' – Era

試試這個

div:hover i{ 
    background:url(imageURL); 
}

來源

2014-01-21 06:02:36 Saurabh

<style> 
i { 
background:url(1.png) no-repeat; 
} 
div:hover i 
{background:url(2.png) no-repeat; 
} 
</style> 
<body> 
<div> 
<i> 
</div> 
</body>

來源

2014-01-21 06:08:12

錯誤的標記... –

我有編輯它 –

好的，沒問題。您的問題將得到解決與CSS和HTML代碼.. 按照下面的代碼

CSS和HTML代碼在這裏 -

<html> 
<title></title> 
<style> 
#div_background{ 
background-image:url('imgname.extension'); 
height:xyz; 
width:xyz; 

} 

#div_background:hover{ 
background-image:url('imgname.extension'); 
height:xyz; 
width:xyz; 

} 
</style> 
<body> 
<div id="div_background"></div> 
</body> 
</html>

您可以編輯該代碼根據結構

這是100％的工作代碼..在你的系統中檢查後，請選擇這個職位作爲答案...

來源

2014-01-21 06:09:49 Partap

如何處理不同的元件上懸停和由CSS改變不同元件的圖像中僅

回答

相關問題