너비 속성의 CSS \ 9

209

이것의 의미는 무엇입니까? 브라우저 해킹이라고 생각하지만 정확히 무엇을 찾을 수 없었습니다.

width: 500px\9;

의 의미는 \9무엇입니까?

css width css-hack

— 사실은
소스

CSS 파일에서. 일부 요소의 너비를 설정합니다.

— 실제로 실제로

정확하지 중복,하지만이 질문은 당신에게 응답 : stackoverflow.com/questions/701732/size-in-css-with-slash

— 랩터

내가 볼 수있는 한, 어떤 CSS 버전에서도 유효하지 않은 것 같습니다 ...

— Marc B

나는이 질문이 같은 것을 의미한다고 생각하지 않습니다.

— 실제로 실제로

6

@Shivan Raptor : 아뇨. 완전히 다른 질문입니다.

— BoltClock

290

\9 Internet Explorer 7, 8 및 9에 특정한 "CSS 핵"입니다.

이것은 단순히 \9;대신에 끝나는 CSS의 특정 라인이 ;IE 7, 8, & 9에서만 유효 함을 의미합니다 .

귀하의 예에서

width: 500px\9;width: 500px;IE 7, 8, & 9를 사용하는 동안에 만 500 픽셀의 너비 (와 동일한 결과 )가 적용됨을 의미합니다.

다른 모든 브라우저는 width: 500px\9;전적으로 무시 되므로 width: 500px;요소에 전혀 적용되지 않습니다 .

CSS가 다음과 같다면 ...

#myElement {
    width: 300px;
    width: 500px\9;
}

결과는 #myElementIE 7, 8 및 9에서는 500 픽셀이고 다른 모든 브라우저에서는 #myElement300 픽셀입니다.

더 많은 정보

편집하다:

이 답변은 2011 년에 작성되었습니다. 이제이 핵은 IE 10에서도 작동합니다.

— 스파키
소스

1

@ jdavid.net, CSS를 손상시키지 않으면 AFAIK는 전혀 없습니다.

— Sparky

10

\0대신은 \9물론 IE10에 적용됩니다

— ABC123

21

@ abc123을 사용하면 IE가 버전 16으로 바뀌지 않기를 바랍니다.

— Hoffmann

4

내 경험에 따르면, 적어도 IE의 에뮬레이션 모드에서 속성 \9으로 IE 10에 적용하고있었습니다 width. 에뮬레이션 모드는 항상 버그가 있으므로 아마도 그럴 수 있습니다.

— davidjb

1

@ davidjb, 그것은 실제로 에뮬레이터가 아니기 때문입니다. 이전 코드의 대체로 설계되었습니다.

— Sparky

13

IE9 이하의 CSS 해킹입니다.

다음과 같이 작성하십시오.

width: 500px\9;

이 기사를 읽으십시오 http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— Sandeep
소스

4

링크에 감사하지만 기사는 그것이 무엇을 설명하지 않습니다.

— 실제로 실제로

1

우리는 두 가지를 위해 IE 용 해킹을 사용합니다. 1) display : inline-block &와 같이 IE에서 지원하지 않는 속성이 있습니다 .2) 모든 브라우저는 HTML 및 CSS 속성을 다르게 렌더링합니다. 이 기사를 확인하십시오 blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

확인 링크는 coding.smashingmagazine.com/2010/06/07/...

— 하기 Sandeep

IE는 display : inline-block ;, 나쁜 예를 지원합니다.

— reisio

그러나 'width'속성에 특히 유용한 해킹은 아닙니다. 적어도 쿼크 모드를 벗어나지 않아야합니다.

— reisio

2

IE9에서는 너비 속성을 설정하기 위해이 핵을 추가하십시오.

예 :

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

— 아사드 샤
소스

2

IE9 용 CSS 해킹

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}

— 고르 디
소스

7

외부 링크 대신이 해킹에 대해 더 많은 정보를 게시해야합니다. 블로그가 사라지면 답변의 가치가 떨어집니다. 또한 모든 사람이 러시아어를 말하는 것은 아닙니다.

— Marcin Orlowski

1

당신이 게시 한 링크가 러시아어 블로그에 있기 때문에 영어로 몇 가지 필수 정보를 제공하는 것이 좋습니다.

— Artemix

OP, 당신은 자신을 말하고 장난 꾸러기 단계에 앉아 있어야합니다.

— slugmandrew