인터넷익스플로러에서의 PNG 필터 사용을 CSS와 JS에서 정의해서 사용하는 방법 문의입니다.
도래
안녕하세요 제목이 좀 길죠
제가 묻고 공유하고 싶은 부분은
현재 ie6.0 에서는 png파일의 경우는 투명이 적용이 되지 않아 부득이하게 필터를 css로 등록해서
각 이미지파일마다 class=png24 이런식으로 적용을 해야 하는데 여간 번거로운게 아닙니다.
이부분은 img 공통선택자 개념으로 css정의를 내려서 img파일을 쓸 때마다
class=png24 이런식으로 따로 지정하지 않아도 ie6.0에서 무리없이 필터적용이 되도록 하고 싶은데
한동안 알아내려고 해도 구하기가 쉽지 않고 알고 계신분도 안계신듯 하여 혹시나 하여 여기까지 문의 드리게 됐습니다.혹시 아시는 분 계시나요~~~?
-
여우By
일반적으로 사용하시는 png - css - js 식의 호출관계는 퍼포먼스에 큰 영향을 줍니다.
대부분 인터넷에 돌아다니는 소스를 보면
class=\png24\를 통해 클래스를 입히고
.png24 클래스는 다시 expression 속성으로 js를 호출합니다.
js를 찬찬히 뜯어보시면 아시겠지만
처음 js가 호출된뒤 자신의 class를 \png24\ - \\ 으로 지워버리는 것을 알 수 있습니다. -
태양
위에 두분 댓글 감사드립니다^^
수다님 // 감사합니다 영어 많이 부족하지만 찬찬히 둘러볼게요 감사합니다^^
쭌수다님 // 감사합니다^^ 제가 잘 이해한건지 모르겠지만 공통선택자로 png클래스를 사용할 경우에는 무리가 따른다는 글로 이해가 됐습니다만 맞는지 모르겠네요^^ 불편하더라도 개별이미지마다 class속성을 이용해야 겠네요~ 감사합니다^^
이 내용에 대해서 더 아시는분들 댓글 부탁드립니다~ -
늘빈
png24 클래스를 지우지 않으면 js가 무한히 호출되는 것을 알수 있습니다.
공통선택자를 이용해서 다수의 png24 클래스를 사용할 경우 퍼포먼스에 큰 영향을 줄수 있게 될 뿐만 아니라. 공통 선택자를 사용하게 됨으로써 꼭 필요하지 않은 부분에서 까지 js를 호출하게 되어 매우 안좋은 영향을 주게 되죠.
위의 방식은 전경을 png로 간단히 몇몇 부분 사용할 때 쓰시는 것이 좋습니다.