과도기적 문도와 함께 IE 7+에서 작동하기 위해 "위치 : 고정"CSS를 얻는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1628265

문제

나는 그것을 알고있다 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 (또는 원하는 값)으로 명시 적으로 설정해야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top