1 조건부로드에서 IE 용 모든 CSS 버그를 작성할 수 있습니까? 내가 LT IE 9 일 조건부 코멘트를 한 경우조건부 주석을 올바르게 사용하는 방법?
<!--[if lt IE 9]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
, 나는 IE7 내부 IE8의 CSS를 작성하거나 내가 2 개 개의 다른 스타일을해야합니까?
조건부 주석에 넣은 내용은 모두 해당 브라우저에서 해석합니다. 즉, 단일 조건문 주석 안에 여러 링크 태그를 넣을 수 있습니다. 그러나 귀하의 경우에는 모두 IE 5,6,7과 8로 해석 될 것입니다. 모든 버전에 대해 별도의 스타일 시트가 필요하면 모든 버전에 대해 별도의 조건부 주석이 필요합니다.
그러나 당신은 확실히이 블로그 게시물을 살펴해야합니다
http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
이 방법은 당신이 모든 조건 의견을 정리하는 데 도움이 될 수 있습니다.
편집 : 여기
은 예입니다 :
HTML :
<!--[if IE]><html class="ie"><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head></head>
<body>
<h1>Foo!</h1>
</body>
</html>
CSS :
h1{
font-size:2em;
}
.ie h1{
/* will only apply to IEs - but all of them */
font-size:1.5em;
}
당신의 각 버전에 대해 서로 다른 스타일 시트를 사용하려면 IE에서, 당신은 다른 조건을 만들어야 할 것입니다. 각 하나; 고유 한 스타일 시트에 연결. lt '보다 작음'또는 '미만'인 lte도 있습니다.
<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link href="ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 9]>
<link href="ie9.css" rel="stylesheet" type="text/css" />
<![endif]-->
또는 당신이 같거나 9보다 IE의 모든 버전 적은 에 대해 동일한 스타일 시트를 사용할 경우, 사용 :
<!--[if lte IE 9]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
빠른 답변 주셔서 감사합니다. 조건부 코멘트를 사용하는 가장 좋은 방법은 무엇입니까? 1 조건부 주석 또는 2 -3 조건문을 사용 하시겠습니까? 또는 수업을 사용합니까? – user2852447
@ user2852447 브라우저마다 다르면 개별 조건을 사용합니다. 그렇지 않으면 모든 버전에 적용 할 수있는 경우 단일 조건부로 이동하십시오. –
[IE 10이 조건부 주석을 지원하지 않음] (http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/)을 감안할 때, 9보다 작고 9를 포함한 모든 버전의 IE는 조건을 지정하고 간단히 '
감사 남자! 하나의 수업을 모두 사용할 수 있습니까? 그리고 내가 필요로하는 것들 앞에 넣으십시오. – user2852447
저는 제 대답을 편집하고 예제를 추가했습니다. – jack