IE에서 불투명도가 작동하지 않습니다.

Question

div를 100 % 불투명도에서 40 % 불투명도로 애니메이션하려고합니다. fadeTo()를 사용하여 을 사용하지 않았습니다. animate()를 사용해야합니다.

크롬/FF/사파리에서는 정상적으로 작동하지만, 불투명도는 애니메이션이 아니며 단순히 애니메이션이 끝난 후 변경됩니다. 내가이 일을하고있어 IE 7 및 8에서 발생합니다

   .animate({ 
        width: new_width, 
        top: new_top, 
        left: new_left, 
        padding: new_padding, 
        opacity: 0.4, 
        filter: "alpha(opacity=40)" 
       }, 

은 ... 그냥 불투명도를 애니메이션 아니에요. 어떤 아이디어?

Answer 1

filter: "alpha(opacity=40)"을 제거하면 opacity: 0.4 만 있으면됩니다 ... jQuery는 브라우저 간 차이점을 여기에서 처리합니다. 따라서 애니메이션 호출은 다음과 같습니다.

.animate({ 
    width: new_width, 
    top: new_top, 
    left: new_left, 
    padding: new_padding, 
    opacity: 0.4 
})