Internet Explorer 11에서 고정 버튼이 작동하지 않는 이유는 무엇입니까?

위치: 고정 버튼이 IE 11에서 작동하지 않음

Internet Explorer 11(IE11)에서는 "고정" 위치 속성에 대한 지원이 부족합니다. 사용자가 스크롤할 때 버튼이 화면 하단에 남아 있게 만드는 문제가 발생합니다. 이 문서에서는 IE11에서 고정 기능이 작동하지 않는 이유를 살펴보고 원하는 동작을 달성하기 위한 해결 방법을 제공합니다.

IE11의 고정 위치 실패 이유

고정 위치 지정, 다음에 소개됨 CSS3에서는 뷰포트가 스크롤될 때 요소가 고정된 위치에 머물 수 있지만 컨테이너 요소의 범위 내에서는 가능합니다. 그러나 IE11은 이 속성을 완전히 지원하지 않으므로 일관되지 않은 동작이 발생합니다.

해결 방법: 고정 위치 지정 사용

다행히도 "고정" 위치 지정 속성을 다음과 같이 사용할 수 있습니다. 해결 방법. 고정은 버튼이 컨테이너 내에서 스크롤되는 것을 방지하지만 창을 기준으로 위치를 지정하여 화면 하단에 유지되도록 합니다.

수정된 CSS:

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* Added to support older browsers */
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}

참고: "위치: 고정"을 추가하면 최신 기능을 저하시키지 않고 IE11을 포함한 이전 브라우저를 지원합니다.

고려 사항:

• IE11은 고정 위치 지정을 지원하지 않지만 해결 방법으로 고정 위치 지정을 사용할 수 있습니다.
• 창을 기준으로 요소의 위치를 ​​고정하여 화면 하단에 그대로 유지되도록 합니다. 예상됩니다.

위 내용은 Internet Explorer 11에서 고정 버튼이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!