2010-07-06 6 views
0

J'ai du mal à obtenir des fondus jquery et l'opacité de l'élément CSS pour me répondre dans une extension firefox que j'écris. J'utilise FireFox 3.6. Je suis assez sûr que ces deux problèmes sont liés.Opacité et jQuery fadeIn/fadeOut dans l'extension firefox

Ce code est ne faiblit pas, il est tout simplement popping sur et hors de l'écran après quatre secondes d'attente:

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() échoue également à chaque fois que je le lance, et si je l'utilise css ({ opacité: '. 2'}) alors rien ne se passe non plus.

Éditer: Cela semble être spécifique à un environnement d'extension firefox. Les autres animations fonctionnent bien, show ('lent'), par exemple, semble très bien. Cela semble être lié à l'utilisation de la propriété opacity elle-même, il ne semble pas être juste un problème jQuery.

Répondre

1

Je l'ai essayé here et il a semblé fonctionner très bien ..?

(FF 3.6.6 sous Linux)

+0

Fonctionne également bien dans Chrome. –

+0

On dirait que cela a quelque chose à voir avec avoir à saisir le document. Comme je suis dans une extension firefox, je dois me référer à window.content.document. – Wheeyls

+0

FF 3.6.6 sur Windows est bon, aussi. –