수다닷컴

[CSS]
.list-result-branch li.spot-a {background-position:0 20px;}.list-result-branch li.spot-a.on {background-position:-300px 20px;}.list-result-branch li.spot-b {background-position:0 -80px;}.list-result-branch li.spot-b.on {background-position:-300px -80px;}.list-result-branch li.spot-c {background-position:0 -180px;}.list-result-branch li.spot-c.on {background-position:-300px -180px;}.list-result-branch li.spot-d {background-position:0 -280px;}.list-result-branch li.spot-d.on {background-position:-300px -280px;}
[HTML]
li class=spot-a내용1/lili class=spot-b on내용2/lili class=spot-c내용3/lili class=spot-d내용4/li예시는 위와 같습니다.IE6를 제외한 나머지 브라우저에서는 두번찌 LI인 내용2에.list-result-branch li.spot-b.on { background-position:-300px -80px;}위 스타일이 적용됩니다.하지만 IE6에서는 css에 맨 마지막줄에 선언된.list-result-branch li.spot-d.on { background-position:-300px -280px;}로 스타일이 적용됩니다. 그것도.list-result-branch li.spot-d.on {...}이 아닌.list-result-branch li.on {...}로 인식하는거죠.
뭐 물론 이중클래스가 아예 적용안되는건 아닙니다.위의 예시같은경우 spot이 A~D까지 4개이지만
[CSS]
.list-result-branch li.spot-a {background-position:0 20px;}.list-result-branch li.spot-a.on {background-position:-300px 20px;}
위와같이 spot-a만 남겨두고li class=spot-a on내용1/li를 쓰게되면 문제없이 적용되거든요.
물론 이 방법 말고on효과를 이중클래스가 아닌 단독적인 .spot-a-on -- 이런식으로 따로 지정하게되면 문제없이 적용된다지만개발자가 불편해지기 때문에 이렇게 하고 싶지는 않거든요;;
이거 어떻게 해결 할 수 있는 방법 없을까요??

신청하기