2017-11-27 9 views
0

다음은 대화를 표시하고 배경을 흐리게하려는 모양의 일부 이미지입니다. 이것은 (64 비트) 그것은 만드는 문제가 여기에 체크 상자를 크롬에 절대 위치시킨 후 숨기기 요소를 필터링하는 필터 (임의의) 62

레이아웃과 체크 박스가

, enter image description here

그것의 토글 버튼은 변경 버전 62.0.3202.94 (공식 빌드) 다른 브라우저에 있지만, 크롬에서 잘 작동 크기의 입력

enter image description here 여기

체크 박스

opacity: 0; padding: 0; position: absolute; margin-top: -999999999px; margin-bottom: 0; margin-left: 0; margin-right: 0;

위한 필드이다 CSS

흐림 필터를 적용하면 양식이 비워집니다. enter image description here

그냥 질문 여기를 쓰고, 나는 margin-top: -99999999px 꽤 큰 숫자임을 발견하고 내가 margin-top: -999999px로 변경할 때 일했다.

페이지에서 내 요소가 보이지 않는 이유를 묻기 시작했으나 이미 해결 했으므로 그 이유를 알고 다른 개발자에게이 질문을 제시하고자합니다.

답변

0

나를 위해, 문제는 절대 위치에 매우 높은 음수 여백을 갖는 체크 박스와 관련이 있습니다. 번호를 낮추면 고정됩니다.