如何正確定位圖片到我的CSS畫廊？

Question

嘿，這是我的第一個問題，所以我很抱歉，如果我得到任何錯誤。

我想創建一個畫廊，使用只有 HTML和CSS，到目前爲止，我已經把它全部對齊和非常分類。問題在於懸停時的圖像放大器，當您將鼠標懸停在放大的圖像上時顯示在其各自的圖像上方，但是當您向下滾動並將鼠標懸停在圖像上時，放大的圖像保持放置並且不會跟隨圖像。

我曾嘗試玩位置屬性爲圖像和徘徊的圖像，但我不明白。儘管如此，我仍然希望圖像能夠「彈出」div。

我粘貼下面的鏈接代碼：
http://pastebin.com/fZxbKZEJ

Answer 1

更改position: absolute;到position:fixed;。這將使圖像相對於視圖彈出。使用margin來獲得對齊權。

對於如：

margin: 100px auto 0; 

所以，

.bigImage{   
    display:none; 
    position:fixed; 
    height:310px; 
    width:250px; 
    margin:100px auto 0; 
    border:2px solid #39F; 
} 

如果你只是想在彈出遵循原始圖像，爲此

.bigImage{   
    display:none; 
    position:relative; 
    height:310px; 
    width:250px; 
    margin:-260px 0 0 -45px; 
    border:2px solid #39F; 
}