如何正确定位图片到我的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; 
}