Ie8 css Extension?

MS에서 IE8 부터 적용이 가능한 css extension을 제공한다고 한다.
ie css Extension
http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
기존 속성에 -ms- 를 붙여서 사용하면 되며 내용과 적용되는 예시속성이 있는데…
내용을 살펴보면 세가지 사항에 대해 -ms-를 붙여 사용할 수 있다고 한다.

  • CSS 스팩에 정의되어 있지 않은 MS 확장 속성일 경우
  • CSS 스팩에 정의되어 있지만 W3C에서 아직 권고후보 상태인 경우
  • CSS 스팩에 정의되어 있는 속성

대략 이런 속성에는 적용해서 사용 할 수 있다는데 쉽게 말하면 IE전용 속성이나 css속성중에 IE가 인식하는 css 범위에서는 모두 사용이 가능하다는 이야기 아닌가? 이걸 보면 사실상 IE8 전용 css hack 이라고 말하는 편이 나을것 같다..
아무튼 filter 속성의 opacity값 문제로 찬명님과 블로그댓글 채팅(?)ㅋ 중에 몇 가지 안 사실은 -ms-로 설정할 경우 속성값은 따옴표(“”) 로 감싸줘야 한다는 것이다.
예를들면..
opacity속성을 사용해서 투명도를 조절할 경우 크로스브라우저를 위한 코드여야 한다면 앞으로는 이런 코드가 되어야 한다.


#selector {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5;
}

또는


#selector {
-ms-filter:"alpha(Opacity=50)";
filter:alpha(Opacity=50);
opacity: .5;
}

이렇게 해야 한다.

좀 의문인건 filter 속성경우 -ms-를 붙여서 사용해야만 IE8에서 실행되는데
IE전용 속성인 scrollbar- 속성 경우는 -ms-를 붙이지 않아도 된다.
아직 beta단계라서 그런건지.. ie속성을 ie에게 배신당한 기분은 나만 느끼는건가.. -_-;

5 comments on “Ie8 css Extension?

  1. 글 잘읽었습니다. 내용중에 세가지 사항에 대해서 -ms-를 붙여 사용할 수 있다고…있는데..

    그 세가지중 두번째와 마지막은 약간 이상한거 같네요…
    (물론 MS에서 제시한 사항이지만요~)

    어차피 css스펙에 정의되어 있거나 MS의 확장 속성이면
    굳이 -ms-를 붙여 사용할 이유가 있을까요??
    css스펙에 포함된거라면 당연히 -ms-를 사용하지 않더라도
    다른 브라우저는 물론 ie(6 이하는 열외~~)에서도 잘 표현될거구…또 ms의 확장 속성일 경우라도 다른 브라우저에는
    영향이 가지 않을테니(예 : 스크롤바 색상) 말이죠~~

    결론은 말씀대로 MS에서 제시한 방법은 ie8 전용핵으로만
    남을거 같네요..(언더바 핵처럼 말이죠…)

    여튼 덕분에 좋은 정보 얻어 갑니다…

  2. 윤 좌진 Post author

    앵겨님 반갑습니다. ^^
    MS뿐만은 아니겠죠.. Friefox, 모질라라고 뭐 다를건 없을거 같아요 -moz- 도 굳이 사용할 필요 없는데 제공하는걸 보면은요..
    그건 그렇고 동영상 너무 감동적으로 봤습니다.
    제가 롯데팬이거든요 ㅎㅎ 고향이 부산이라서;;
    댓글을 달려고 했는데 죄송하게도 티스토리에 가입을 하지 않아서 댓글을 못달았네요 ^^;
    손님도 댓글달 수 있도록 허용해주시면 고맙겠습니다. ^^

  3. 좌진님의 간곡(??)한 부탁으로 풀었습니다.
    (사실 시작한지 얼마 안되어서 기능을 잘 몰랐다능~)

  4. Pingback: 부침개 블로그 » Blog Archive » Acid2 Test 통과한 IE8은 이제 한걸은 걸었을 뿐이고..

Comments are closed.