jQuery, HTML5 무거운 사이트 내리기

그래서 저는 jQuery nav-scroll plugin을 사용하는 웹 사이트를 구성하고 있습니다. 그것은 훌륭한 리소스이고 IE에서 기능적이지만 많은 HTML 5 태그를 사용하여 개발되었습니다.이 태그는 스타일을 만들고 관련 CSS를 완벽하게 작성했습니다.jQuery, HTML5 무거운 사이트 내리기

이제 HTML5 태그와 함께 작동하도록 설정된 모든 스타일이 렌더링되지 않으므로 사이트는 IE 6 & 7에서 재앙처럼 보입니다. 내 유일한 옵션은 조건부 IE 스타일 시트입니까? 더 좋은 방법이 있습니까?

가장 큰 문제는 스타일이 이전 IE 버전에서 렌더링되지 않고 있으며 모든 것이 현재까지 대부분 오른쪽으로 밀려 나고 있기 때문입니다. 나는 또한 'sticky jQuery' slide out menu/box을 두 번 전화 할 것입니다. 하나는 사이트 맨 위에, 하나는보기 하단에 있습니다. 스타일은 무시되고 기능은 허용되지만 끔찍한 렌더링 (CSS3 드롭 섀도우 사용).

조건부 IE 스타일 시트는 무엇입니까?

출처

2011-09-06 Cam77

질문에 대한 답변을 수락하거나 미래에 답변을 얻지 못할 수도 있습니다. –

나는 당신이 당신의 질문에서 언급 한 jQuery 데모 (플러그인이 아닙니다)의 저자입니다. 내 데모에서는 Modernizr과 Eric Myer의 CSS 재설정을 사용했습니다. Dan Short의 대답은 돈에 맞습니다. –

Modernizr을 사용하면 구형 브라우저 (특히 IE)에서 HTML5 태그를 렌더링 할 수 있습니다. Read more about it here.

도스 보이의 제안을 끌어 내기 위해 그는 정확합니다. According to the Modernizr docs이라면 Modernizr 스크립트 자체를 사용하는 것뿐만 아니라 display: block으로 설정해야합니다. 또한 HTML5 Reset stylesheets에서 HTML5의 궁극적 인 장점을 찾을 수 있습니다.

출처

2011-09-07 19:16:21

또한 새 HTML5 요소를'display : block;'으로 설정하십시오. 자세한 내용은 http://grinninggecko.com/displaying-html5-elements-correctly-with-modernizr/를 참조하십시오. – ggutenberg

쿨, 고마워. 나는 확실히 'Modernizr'을 조사 할 것입니다 - 당신은 접근 방식에 대해 어떻게 생각하십니까; Divs를 IE 용 HTML 5 기사 내에 삽입하거나 '조건부 스타일'로 호출 할 수 있습니까? 나쁜 접근? – Cam77

기본적으로 의미 론적 마크 업인 HTML5의 모든 부분을 무시하기 때문에 분명히 그 경로를 선택하지 않을 것입니다. Modernizr은 IE에서 이러한 요소를 사용할 수 있고 스타일있게 사용할 수 있도록하기 위해 필요한 모든 것을 할 수 있습니다. 그래서 IE를 위해서 더 많은 div로 마크 업을 혼란시킬 필요가있다. –

jQuery, HTML5 무거운 사이트 내리기

답변

관련 문제