我有一个画廊，其中要显示不同的图片。 我想做的效果是，当我单击图像时，它会变大，并且只要我单击它，它就会保持那么大。 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;
}
}
最佳答案
这可能是一个 z-index 问题。我猜测您单击的图像是相对定位的(如果不是，您应该这样做)。然后，只需将 z-index 设置为更高的数字就可以了!
示例:
z 索引:100；
关于html - 图片显示不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40980028/