图片没有显示正确

我有一个画廊，不同的图片将被显示。我想做的效果是，当我点击图片时，它会变得更大，只要我点击它就会保持那么大。 example 图片没有显示正确

，但是当我点击它，它会放大，但图像被切断 problem

我用一个列表库，并添加一些CSS它。

的图像缩放的代码是这样的：

@media (max-width: 1280px) { 
    #photos { 
    -moz-column-count: 4; 
    -webkit-column-count: 4; 
    column-count:   4; 
    } 
} 
@media (max-width: 1000px) { 
    #photos { 
    -moz-column-count: 3; 
    -webkit-column-count: 3; 
    column-count:   3; 
    } 
} 
@media (max-width: 800px) { 
    #photos { 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
    column-count:   2; 
    } 
} 
@media (max-width: 400px) { 
    #photos { 
    -moz-column-count: 1; 
    -webkit-column-count: 1; 
    column-count:   1; 
    } 
}

来源

2016-12-05 supm3n

您需要的z-index设置它，如果你想让它蹦出来的其他图像的顶部，如果是这样的问题是什么，或使照片适合在该窗口达到100％而不是固定的像素宽度。 –

这可能是一个z-index问题。我猜你点击的图像是相对定位的（如果不是，你应该这样做）。然后，只需将z-index设置为更高的数字，您应该没问题！

例子： z-index: 100;

来源

2016-12-05 17:39:00 Odisseas

图片没有显示正确

回答

相关问题