filter:alpha(opacity=50) 을 IE8에서는 쓸 수 없다고?

인터넷이 돌아댕기다가 발견....

아직 국내에는 IE8을 사용하는 인구가 무시 가능할 정도로 적기 때문에,

혹은 대부분의 페이지가 IE8에서도 잘 돌아가니까

별로 신경 안쓰고 있었는데 오늘 발견!



filter 속성이 IE8에서부터 무시당하면서

앞에 -ms-를 붙여서

-ms-filter: alpha(opacity=50);

요렇게 해야 IE8에서 작동한답니다.

문제는 저렇게 쓰면 IE7 이하에서 작동이 안됨!

그래서 아래처럼

-ms-filter: alpha(opacity=50);
filter: alpha(opacity=50);

요렇게 둘 다 써야된답니다.
게다가 -ms- 속성이 무조건 앞에 와야 된답니다.

모질라는 -moz- 고 오페라는 -o- 쓰니까 따라하는 건가!



사실 잘 안쓰는 속성이고, filter나 opacity나 둘다 비표준이니까

신경 안써도 되는데 의외로 써야되는 상황이 올지도 모르니까..



msdn 사이트에서 아래처럼 쓰라고 권장하고 있다. (바로가기)

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

으흠..

으흠...

으흠....

뭐냐.. 저 코드를 외우라는 거냐!!!!!!!!!