과도기적 문도와 함께 IE 7+에서 작동하기 위해 "위치 : 고정"CSS를 얻는 방법은 무엇입니까?
-
06-07-2019 - |
문제
나는 그것을 알고있다 position:fixed;
IE 7까지 IE에 의해 지원되지 않았으며, IE 7에서만 작동합니다. STRICT DOCTYPE
.
내 질문은 "어떻게 IE 7에서 작동하게합니까? TRANSITIONAL DOCTYPE
?"
a를 바꾸는 것을 제안하지 마십시오 DOCTYPE
, 이것이 내 질문에 대답하지 않기 때문에 감사합니다.
해결책
당신은 엄격한 doctype가 필요하지 않습니다 fixed
지원하다. 트리거하는 문형 만 있으면됩니다 표준 모드 (또는 '거의 표준'). 그것은 다음과 같은 과도기적 문서 일 수 있습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
또는 xhtml :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
시스템 ID (끝에 URI)가 포함 된 한.
당신의 페이지가 정말로 ~이다 Quirks Mode (ugh!)에 의존하면 죄송하지만 사용할 수 없습니다. fixed
그리고 JavaScript 해킹에 의지해야합니다 (그러나 어쨌든 IE6의 해킹이 필요할 수 있습니다).
다른 팁
고정 위치는 과도기/엄격한 DOC 유형에서도 나에게 효과가 없습니다. 그러나 호환성 모드에서 IE9를 사용하고 있으며 IE8 런타임 라이브러리를 사용하여 렌더링하는 것으로 가정합니다. 이 문제를 해결하려면 다음 CSS를 요소에 추가해야했습니다.
.elementToBeFixed {
position: fixed;
top: 0;
left: 0;
}
상단 또는 왼쪽으로 작동하지 않습니다. 모든 버전의 IE에서 작동하기 위해서는 0 (또는 원하는 값)으로 명시 적으로 설정해야합니다.
제휴하지 않습니다 StackOverflow