Изображение не отображается справа

Question

У меня есть галерея, где должны быть показаны разные изображения. Я хотел сделать так, что, когда я нажимаю на изображение, он становится больше, и он остается таким большим, пока я нажимаю на него. 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; 
    } 
} 

Answer 1

Это, вероятно, является z-index вопрос. Я предполагаю, что изображение, которое вы нажимаете, относительно позиционируется (и если это не так, вы должны это сделать). Затем просто установите z-index на большее число, и все должно быть в порядке!

Пример: z-index: 100;