그림이 오른쪽에 나타나지 않습니다.

Question

다른 그림을 보여줄 갤러리가 있습니다. 나는 이미지를 클릭 할 때 이미지가 커지면 그것을 클릭하는만큼 큰 이미지를 유지한다는 효과를 원했습니다. 나는 그것을 클릭하면 example

하지만, 그것은으로 확대하지만 이미지는 내가 갤러리를위한 목록을 사용하고 일부 CSS를 추가 problem

차단됩니다.

@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- 인덱스를 설정하거나에 사진 맞춤을해야 z-index: 100;