gradient Firefox ne fonctionne pas

J'ai créé petite page web:gradient Firefox ne fonctionne pas

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     html 
     { 
     position: fixed; 
     } 
     body { 
     background: radial-gradient(ellipse at center, rgba(141,141,141,0) 0,rgba(141,141,141,1) 100%); 
     } 

    </style> 
    </head> 
    <body> 
    <p>TEST</p> 
    </body> 
</html>

Il est petit exemple pour illustrer problème, mais je demande plus où est le même. Lorsque j'ajoute une position: le tag html tag sur le tag body s'arrête. Cela fonctionne très bien sur Google Chrome, Internet Explorer, Microsoft Edge mais pas sur Firefox. Je peux ajouter que quand un changement de dégradé à background-color ou backgorund-image fonctionne correctement. Version de Firefox: 53.0.3. Avez-vous des idées pour y faire face?

Source

2017-06-10 SzJ

Firefox avait des bugs liés à radial gradient, essayez donc avec la syntaxe ci-dessous

background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #8D8D8D 100%);

ou background: radial-gradient(ellipse at center, #ffffff 0%, #8D8D8D 100%);

ou Essayez avec le suffixe -moz-,

background: -moz-radial-gradient(ellipse at center, rgba(141,141,141,0) 0, rgba(141,141,141,1) 100%); 
background: radial-gradient(ellipse at center, rgba(141,141,141,0) 0, rgba(141,141,141,1) 100%);

Source

2017-06-10 09:00:03

Malheureusement, cela n'a pas aidé – SzJ

Mis à jour ma réponse, j'espère que cela aidera –

Il ne fonctionne pas non plus. Je pense que ce n'est pas bug lié à gradient radial parce que je supprime "position: fixe" gradient fonctionne correctement – SzJ

gradient Firefox ne fonctionne pas

Répondre

Questions connexes