將第1個div向上移動，並在第1個div上方懸停時顯示文本（第2個div）

Question

我的問題是一個div在向上移動時不得不向上移動。 檢查this JSfiddle for reference。

我想要實現的是以下幾點：

正如你所看到的，正確的DIV是懸停之一。在jsfiddle中，我花了1個div來嘗試實現懸停效果，但我只是不明白。

我嘗試這樣做：

.service-bg:hover + .service-content-bg { 
    background-position:0 -250px; 
} 

但沒有任何反應。

任何人都可以幫我嗎？ 我對這種css級別不是很有經驗。

Answer 1

你只是不需要+作爲.service-content-bg是.service-bg

.service-bg:hover .service-content-bg { 
    background-position:0 -250px; 
} 

Fiddle

一個孩子，然後告訴你需要添加下面的CSS

.service-bg:hover .service-hidden { 
    display: block; 
} 

隱藏的文本

Fiddle