Internet Explorer 11의 버튼에 '위치: 고정'이 작동하지 않는 이유는 무엇입니까?

Internet Explorer 11에서 고정 버튼이 작동하지 않음

위치: 고정은 Firefox의 페이지 하단에 버튼을 효과적으로 부착할 수 있지만 실패합니다. 기능은 Internet Explorer 11에서 구현됩니다. 이 문서에서는 Internet Explorer 11에서 원하는 동작을 복제하는 솔루션을 살펴봅니다. IE11.

해결 방법: 위치 고정 활용

IE11에서는 고정이 지원되지 않으므로 위치 고정을 사용하는 것이 대안입니다. 이 속성은 요소를 지정된 위치에 고정하는 것과 유사한 효과를 얻습니다.

수정된 CSS:

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

참고: 끈적한 속성 이 시나리오에서는 의도한 대로 활용되지 않으므로 생략할 수 있습니다. 고정은 주로 위쪽 가장자리 아래에 요소를 배치하는 데 사용됩니다. 즉, 고정된 위쪽 가장자리에 도달할 때까지 아래로 스크롤할 때 페이지와 함께 이동합니다.

추가 정보:

• Edge는 버전 16부터 고정 기능을 지원합니다.
• 수정된 동작을 보여주는 샘플 페이지는 https://jsfiddle.net/thunderbolt36/a4yjfg13/에서 찾을 수 있습니다.

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