Modernizr로드 IE8 변경 없음

내 Wordpress 설치에 Modernizr 추가하려고합니다. 나는 wp_head()의 직후에 다음 줄을 추가함으로써 그렇게한다; 헤더의 :Modernizr로드 IE8 변경 없음

<script src="<?php bloginfo('template_directory'); ?>/js/modernizr-custom.js"></script>

방화 광에 따르면 스크립트는로드되지만 스크립트는 IE8에서 효과가없는 것으로 보입니다.

나는 내 CSS에 다음 줄을 추가했습니다 : 배경이 IE8 아무것도에, 빨간색으로 변 파이어 폭스에서

.borderradius body { 
    background: #c00; 
}

가 발생합니다.

기사, 옆으로, 세부 사항, 그림, 그림, 꼬리말, 머리글, 메인, 탐색, 섹션이 디스플레이에 설정됩니다.

그 밖의 IE8에서 작동하려면 어떻게해야합니까?

시간 내 주셔서 감사합니다.

출처

2014-02-25 Jando

IE 8은'지원하지 않습니다 국경 radius' - 그래서 당신의 _expectation_ 그 근대화 기는 _wrong_이라고 말하는 클래스를 추가해야합니다. http://stackoverflow.com/a/13289360/1427878 – CBroe

맞아, 모더니즘이 어떤 마법적인 방법으로 css3 속성을 작동 시키 리라는 내 기대는 실제로 잘못되었습니다. 또한 미디어 쿼리가 modernizr의 사용과 관련이 있다고 의심합니다. (전체 레이아웃이 IE에서의 테스트와 함께 극적으로 바뀌었기 때문에이 포스트에 대한 실제 이유는 내 생각에 처음 생각했습니다.)하지만 그럴 것 같지 않습니다. 그래서 나는 내 연구를 계속할 것이다. 답변 주셔서 감사합니다. – Jando

미디어 쿼리에 대한 지원을 추가하는 것을 완전히 잊어 버렸으므로 mediaqueries.js를 추가 했으므로 이제는 훨씬 더 나아졌습니다.) – Jando

< = IE8에서 HTML5 요소를 사용하려면 HTML Shim이 필요합니다. 다른 스크립트보다 먼저 해당 스크립트를 포함 시키십시오 (<head>). 그 다음으로 필요한 것은 mediaqueries.js가 잘 작동하는 media query/matchMedia polyfill이고, 나는 또한 respond.js과 함께 운이 좋았습니다. 마지막으로 border-radius와 같은 CSS3 지원을 원한다면 legacy IE 지원을 위해 제공되는 .HTC 파일을 포함하여 CSS3 Pie과 같은 polyfill이 필요합니다. 여기

는 크게 (이것은 CSS3 파이를 포함하지 않음) HTML5 상용구를 기반으로 내 스타터 보일러 <head>의 예입니다 :

<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <title></title> 

    <link rel="stylesheet" type="text/css" media="all" href="css/screen.css" /> 
    <!--[if lt IE 9]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <script src="js/respond.min.js"></script> 
    <![endif]--> 
</head>

출처

2014-02-25 22:53:47 Astockwell

의견을 보내 주셔서 감사합니다, 나는 확실히 css3 파이 시도해 줄 것입니다 게다가. – Jando

답변

관련 문제