IE8 조건부 스타일 시트 모든 IE에 영향을 미침

IE8에서 일부 CSS 요소가 작동하지 않습니다. 그래서 조건부 스타일 시트를 사용하여 display:none을 설정합니다. 그러나 이것은 버전에 관계없이 IE 브라우저를 사용하는 모든 사람들에게 영향을 미칩니다. 다음 코드를 사용하고 있습니다 :IE8 조건부 스타일 시트 모든 IE에 영향을 미침

<!DOCTYPE html> 
<html> 
    <head> 
     <title>website title</title> 
     <meta name="description" content="web description"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

     <!-- Stylesheets --> 

     <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> 
     <script src="bootstrap/js/bootstrap.js"></script> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
     <link rel="stylesheet" type="text/css" href="css/style.css"> 

<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]--> 

    <!--[if lt IE 9]> 
     <script src="bootstrap/js/html5shiv.js"></script> 
     <script src="bootstrap/js/respond.min.js"></script> 
     <![endif]--> 
    </head>

나는 어디로 가고 있습니까?

출처

2015-02-04 RMD2411

제 생각에 IE8을 포함한 모든 이전 IE를 대상으로하고 싶습니다. 따라서 lte IE 8 (이하/같음)이 작동합니다. 당신은 또한이 같은 사실은 위의 하나에 해당 lt IE 9을 병합 할 수 있습니다 :

<!--[if lte IE 8]> 
    <script src="bootstrap/js/html5shiv.js"></script> 
    <script src="bootstrap/js/respond.min.js"></script> 
    <link rel="stylesheet" href="css/ie8.css"> 
<![endif]-->

디버깅을 위해 당신이 당신의 ie8.css에 body {10px solid red !important;} 같은 것을 추가 할 수 있으며, 그 올바른 브라우저에 적용되는지.

출처

2015-02-04 15:03:09 Stickers

[if lte IE 8]은 IE 버전이 보다 작 으면 8 인 경우 스타일 시트가 추가됨을 의미합니다. 조건부 [if IE 8]이 필요합니다.

출처

2015-02-04 14:52:39 gvlasov

안녕하세요. 아직도 문제가 생겼습니다. 문제가 해결되지 않았습니다. – RMD2411

@ RMD2411 8 이상의 IE 버전에서도 스타일 시트가 사용됩니까? – gvlasov

예 수세이 그 영향을 미칩니다. – RMD2411

IE8 조건부 스타일 시트 모든 IE에 영향을 미침

답변

관련 문제