>웹 프론트엔드 >CSS 튜토리얼 >IE 11에서 고정 버튼이 작동하지 않는 이유는 무엇입니까?

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

DDD
DDD원래의
2024-11-25 03:12:15980검색

Why Are My Sticky Buttons Not Working in IE 11?

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

이 문제는 "고정" 속성이 인터넷에서 지원되지 않는다는 사실에서 발생합니다. Explorer 11. "고정"은 뷰포트를 기준으로 요소의 위치를 ​​지정하여 사용자 위치에 유지되도록 합니다. 스크롤됩니다.

IE 11에서 이 문제를 해결하려면 대신 "fixed" 속성을 사용할 수 있습니다.

.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);
}

"position:fixed"를 추가하면 버튼이 하단에 유지됩니다. 사용자가 스크롤하는 동안에도 페이지의 내용이 다른 브라우저의 "위치: 고정"과 동일한 효과를 얻습니다.

대부분의 경우 "고정"이 선호될 수 있지만 "고정" 속성은 브라우저 호환성이 문제가 되는 상황에서 실행 가능한 대안을 제공합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.