2014-02-17 2 views
0

현재이 코드를 실행 중입니다. 또한 페이지의 모든 스타일을 올바르게 적용하는 외부 스타일 시트가 있지만이 문제는 현재 실행 중입니다.IE9 클래스가 외부 CSS 스타일 시트에서 작동하지 않습니다.

내 외부 스타일 시트에서 클래스로 .ie9를 호출하고 그라데이션 스타일을 적용하려는 경우 Internet Explorer 에뮬레이션에서 코드를 실행하지 않습니다.

그러나 .ie9 클래스에없는 코드를 실행하면 코드가 실제로 작동하므로 실수를 저질렀습니다. 어쩌면 여기에 문제가 무엇인지 알 수 있습니다.

HTML 코드 :

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> 
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> 
<!--[if !IE]><!--><html lang="nl-NL"> <!--![endif]--> 
<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

CSS 코드 :

.ie9 { 
    .section-example{ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80c9db', EndColorStr='#30aac8');  
    } 
} 
+1

은 그냥 '해야하지 .ie9 .someclass는 {}' –

+0

아 그래이 여기에 실제로 문제가 있었다 , 방금 클래스 호출을 잘못 구현했습니다. Nick R을 도와 주셔서 감사합니다! –

답변

0

이 문제는 실제로 달랐다. 어떤 이유로 Internet Explorer 11 에뮬레이터에서 조건부 HTML 문을로드하지 않습니다.

0

월은 IE9 이상 작동 : -

<!--[if gte IE 9]> 
    <link rel="stylesheet" type="text/css" href="ie9-and-up.css" /> 
<![endif]--> 

또는

<!--[if lt IE 9]> 
<link href="<?php bloginfo('template_url'); ?>/css/ie9.css" rel="stylesheet" type="text/css" /> 
<![endif]--> 
관련 문제