저는 IE5 & IE8에서 작동하도록 HTML5 태그를 얻는 데 어려움을 겪고 있습니다. 마지막으로 html5shiv.js를 사용했으며 문제가 해결되었습니다. 요소는 최신 브라우저에 표시 될 때 화면에 표시됩니다.IE7 & IE8은 HTML5에 CSS를 적용하지 않습니다.
하지만 지금은 IE7이 & IE8이 내가 선언 한 CSS 규칙을 적용하지 않을 이유를 모르겠다. 예를 들면 다음과 같습니다.
header
{
background-color: #000000;
}
헤더 태그에 배경색이나 배경색을 적용하지 않습니다. IE7 & IE8에서 그 선언을 검색하면 선언되지 않은 것처럼 보입니다. 그러나 IE9 모드에서 IE를 실행하면 선언 된 것과 동일한 CSS 규칙이 나타나고 요소에 검정색 배경색이 표시됩니다. 어떤 도움이나 해결책이든지 정말 고맙게 여길 것입니다.
재현 할 수 없습니다. http://browserstack.com를 사용하여, 나는 IE7과 IE8 모두 Windows XP에서 기본적으로 실행에있는 코드 아래, 테스트, 둘 다 제대로 예상대로 CSS 적용 :
난 단지 당신이 어딘가에, 뭔가를 놓친 것을 의심 할 수 있으며 있었다 등을 기대했던 결과를 얻지 못했습니다. 여기서 한 것처럼 프로젝트를 작은 테스트 케이스로 축소 해보십시오. 모든 적절한 종속성을 참조했는지 확인하십시오.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Elements in IE7/8</title>
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
<style type="text/css">
header {
background-color: #000000;
color: #FFFFFF;
}
</style>
</head>
<body>
<header>Hello, world!</header>
</body>
</html>
스크린 샷 :
당신 말이 맞습니다. 저는 symfony로 작업 중이며, 여러분의 작업 예제가 symfony 캐시를 삭제하는 것을보고 나서해야만합니다. 그 후 예상대로 작동했습니다.그러나 여전히 IE7과 IE8에서는 스타일을 표시하지 않았지만 이전 캐시를 사용하는 다른 모든 브라우저에서는 html5shiv 캐시가 있어야했습니다. 정말 고마워요. –
당신은 여전히 자신의 의미 론적 의미를 유지하면서 이러한 요소를 스타일 크로스 브라우저 방법이 할 때, 당신은 사업부에서 그들 각각을 포장하고 적용 할 수 그 div에 클래스로 CSS를. 의미 론적 마크 업을위한 대부분의 유스 케이스는 어쨌든 스타일을 필요로하지 않는다. 주된 목적은 CSS 스타일링을 통해 인간에게 전달되는 기계로 정보를 전달하는 것이다. 이 당신을 도와
희망,
모든 브라우저가 HTML5 마크 업 올바르게 렌더링 - 심지어 IE6 :
감사합니다. HTTP :/
잘 당신은 당신이
<!DOCTYPE html>
또한 CSS 클래스와 같은 문제가 누락 얻거나
비슷한 질문을 속성을하기 전에 몇 가지 의견을 추가 할 경우
같은 헤더 영역을 검사해야 /stackoverflow.com/questions/6602758/ie-not-styling-html5-tags-with-shiv – kennypu
ie7과 ie8은 아직 해당 태그를 지원하지 않으므로 HTML을 구문 분석 할 때 태그를 무시합니다. 기존 인터넷 탐색기를 지원하는 브라우저 간 코드를 작성하려면 새로운 의미 HTML5 태그없이 수행해야합니다. 어쨌든 (아직) 어플 리케이션을 사용하는 어플리케이션은 많지 않습니다. – Philipp
예, html5 태그는 이전 브라우저에서 무시됩니다. 그러나 html5shiv가이를위한 작업을 수행했습니다. 그래서 div에서 래핑 할 필요는 없었지만 새로운 태그를 사용하여보다 의미 상 정확한 마크 업을 만들었습니다. –