2017-12-29 30 views
-1

나는 모달에서 사용자의 카트를 클릭하면 카트 아이콘이 나타납니다. 그러나이 모달 내에있는 입력 또는 단추와 같은 링크 또는 HTML 양식 항목은 사용할 수 없습니다. 초점을 맞추거나 클릭하지 못하게합니다. 나는 성공 CSS 속성 z-index 놀고 했어요. 부트 스트랩 4 모달 안에있는 버튼과 같은 링크 나 HTML 양식 항목은 사용할 수 없습니다.

Check site here.

쇼핑 카트에 제품을 추가하고 문제를 볼 수있는 오른쪽 상단에있는 가방/카트 아이콘을 클릭합니다.

+2

'modal-dialog'는 CSS 절'pointer-events : none;'을 가지고 있기 때문에 사용할 수 없습니다. 제거 할 때 작동합니다. 모달의 본문을'content' 대신에'pointer-events : auto;'절을 제공하는'modal-content'로 감싸거나 그냥'pointer-events : auto;'를'content'에 추가하십시오. 그건 그렇고, 귀하의 모달은 닫을 수 없습니다 – BadMiscuit

+0

@ BadMiscuit 이것은 내 문제를 해결했습니다. 감사. 이 질문을 답으로 게시 할 수 있다면 받아 들일 수있었습니다. – esafwan

답변

0

CSS에서 pointer-events 값을 변경하면 문제가 해결됩니다. 클래스 modal-content의 요소에 내용 부분을 래핑하면 주석에 제안 된대로 문제가 해결됩니다.