CSS가있는 하프 스타

Question

IE와 Chrome에서 어떻게 동일한 결과 (반쪽 별)를 사용할 수 있습니까? 크롬에서

: http://jsfiddle.net/Auqj8/

.star { 
    font-size: x-large; 
    width: 50px; 
    display: inline-block; 
    color: gray; 
} 
.star:last-child { 
    margin-right: 0; 
} 
.star:before { 
    content: '\2605'; 
} 
.star.on { 
    color: gold; 
} 
.star.half:after { 
     content: '\2605'; 
     color: gold; 
     margin-left: -20px; 
     width: 10px; 
     position: absolute; 
     overflow: hidden; 
} 

IE에서 : http://jsfiddle.net/86pqx/

감사합니다.

Answer 1

이 모두 크롬에서 작동 IE

.star { 
    font-size: x-large; 
    width: 50px; 
    display: inline-block; 
    color: gray; 
} 
.star:last-child { 
    margin-right: 0; 
} 
.star:before { 
    content:'\2605'; 
} 
.star.on { 
    color: gold; 
} 
.star.half:after { 
    content:'\2605'; 
    color: gold; 
    position: absolute; 
    margin-left: -20px; 
    width: 10px; 
    overflow: hidden; 
} 

크롬 : http://jsfiddle.net/Auqj8/1/

IE : http://jsfiddle.net/86pqx/3/