2012-11-21 2 views
5

IE 7, 8 및 9에만 CSS를 설정하려면 어떻게합니까?All Browser Compatiblity에서 CSS를 설정하는 방법은 무엇입니까?

.pager .pages { margin:4px 0px 0 0; float:right; } 

위의 클래스는 IE 7 및 8에는 표시되지 않습니다. 따라서 디자인이 제대로 표시되지 않습니다.

+2

'제대로 표시되지 않음'이라고 말하면 어떻게 표시됩니까? – George

+0

안녕하세요, 내 답변과 내 사이트에서 제대로 작동합니다. 그래서 걱정이된다면 주저하지 말고 알려주세요. –

답변

2

Hello Naitik 다음 CSS를 시도해보십시오.

For IE7: 

    @media screen\9 { 
    .pager .pages { 
    margin:4px 0px 0 0; 
    float:right; 
    } 
    } 

    For IE8: 

    @media \0screen{ 
    .pager .pages { 
    { 
    margin:4px 0px 0 0; 
    float:right; 
    } 
    } 

    For IE9: 

    @media all and (min-width:0) { 
    .pager .pages { 
    margin:4px 0px 0 0; 
    float:right; ; 
    } 
    } 
+1

안녕하세요 지미, 코드를 잘 사용하고 있습니다. 고마워요. –

+1

* shiver *는 누구나 가르쳐주세요. css hack galore>< –

+0

Omg .. 그리고 그녀 역시 그것을 받아 들였습니다. 세상의 어딘가에 요정이 너 때문에 고통스러워 죽었다. ( –

-2

시도해보십시오.

.ie7 .pager .pages { //your style here } 
.ie8 .pager .pages { //your style here } 
.ie9 .pager .pages { //your style here } 

도 크로스 브라우저에 사용됩니다.

+3

당신의 대답은 대체 무엇입니까? – Kyle

+0

그'.ieX' 클래스는 어디에서 왔습니까? – nickf

+0

http://stackoverflow.com/questions/10919480/html5boilerplate-ie-conditional-not-working/10919615#10919615 또는 https://github.com/h5bp/html5-boilerplate/blob/v4.0.1/doc/html .md # 조건부 -html-classes – biziclop

4

은 별도의 .css 파일에 CSS를 넣고 여기에 CSS 파일의 조건로드에 대해 <head>

<!--[if gt IE7]> 
    <link rel="stylesheet" type="text/css" href="ie-only.css" /> 
<![endif]--> 

더 많은 정보의 끝이 추가 : 지금 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

0

모든 나는 가정 할 수있다 기본 금액은 body 여백/패딩입니다. 이 내용을 CSS에 추가하고 차이가 있는지 확인하십시오.

html,body{ 
    padding:0; 
    margin:0; 
} 
관련 문제