如何在背景上做標題懸停效果？

我目前正在研究一個網站的背景，我想在上面添加一個懸停效果。雖然我遇到了一個問題，我在css樣式表上有我的背景圖像，並且在實現懸停時遇到了一些困難。如何在背景上做標題懸停效果？

我遇到了懸停效果的一些很好的資源，如this和this one。 github上的那個非常漂亮，但由於我對j查詢不是很瞭解，所以我會堅持基本的。

這是我在css上的後臺代碼，問題是我將如何實現從這裏懸停？

body { 
min-width: 800px; 
margin: 0px 0px 0px 0px; 
border-left: 50px solid #000000; 
background: #FF7F66 url('images/landscape1.jpg') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
color: #666666; 
font: 10px Verdana; 
}

來源

2013-10-11 Brian Lam

你嘗試過'body：hover {/ * styles * /}'嗎？ – Oriol

你可以很容易地與http://ricostacruz.com/jquery.transit/類似。 – 2013-10-11 22:10:48

@Oriol不，我沒有，實際上我甚至不知道如何開始它。與文字懸停相同嗎？ –

只需使用一個CSS僞選擇：

.wrapper:hover 
{ 
    /* whatever styles you want */ 
}

據我所知，你不能把一個僞選擇在身上。你應該只使用類似這樣的包裝：http://jsfiddle.net/wyehq/

來源

2013-10-11 22:48:16

謝謝克里斯，我現在就給這個鏡頭。 –

當然可以在主體上使用僞選擇器。爲什麼不？ – Oriol

我無法獲得：hover psuedo類在Chrome中正常工作，也許它不受支持？ –

如何在背景上做標題懸停效果？

回答

相關問題