2010-07-06 3 views
0

필자가 작성한 Firefox 확장 프로그램에서 jquery fades와 opacity css 요소가 나에게 응답하는 데 어려움을 겪고 있습니다. FireFox 3.6을 사용하고 있습니다. 나는이 두 가지 문제가 관련 있다고 확신한다.불투명도 및 jQuery fadeIn/fadeOut (firefox 확장자)

이 코드는 퇴색하지 않는, 그것은 단순히 사초 대기 후에 화면 떨어져 보여주고있다 :)

css_notify_div = { 
    position: 'fixed', 
    top: '2%', 
    right: '2%', 
    font: 'bold', 
    'font-size': '1.5em', 
    'font-family': 'sans-serif', 
    'text-align': 'center', 
    'background-color': 'ffff88', 
    'border': '2px solid #eeee00', 
    'padding': '5px', 
    margin: 'auto', 
    display: 'none' 
}; 


doc = window.content.document; 
$('#br_notify_div', doc).css(css_notify_div); 

$('#br_notify_div', doc).fadeIn("slow", function() { 
    $('#br_notify_div', doc).fadeOut(4000); 
}); 

fadeTo (또한 내가 그것을 실행할 때마다 실패하고 난 {(CSS를 사용하는 경우 opacity : '. 2'}) 아무 것도 발생하지 않습니다.

편집 : 이것은 firefox 확장 환경에만 해당됩니다. 다른 애니메이션은 잘 작동하고,보기 ('느린')는 잘 보입니다. 이것은 opacity 속성 자체를 사용하는 것과 관련이있는 것으로 보입니다. jQuery 문제가 아닌 것 같습니다.

답변

1

나는 그것을 시도했다 here 그리고 그것은 잘 작동하는 것처럼 보였다. ..?

(Linux 용 FF 3.6.6)

+0

Chrome에서도 잘 실행됩니다. –

+0

문서를 가져 가야하는 것과 관련이있는 것 같습니다. firefox extension에 있기 때문에 window.content.document를 참조해야합니다. Windows에서 – Wheeyls

+0

FF 3.6.6도 좋습니다. –

관련 문제