Radient firefox

Résolu/Fermé
Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 - 27 sept. 2013 à 01:14
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 27 sept. 2013 à 22:01
Bonjour,

Je suis en train de développer un site, et j'ai un petit problème pour définir mon background avec firefox.

Voici mon code :
background: linear-gradient( 
#ccc6c3 0%,
#828c95 24%,
#000000 41%,
#7f7f7f 100%)

Voici ce que ça donne sous firefox : http://img15.hostingpics.net/pics/764204css.png

Sous les autres navigateurs, j'ai le résultat voulu :/

Est-ce un problème de frefox, ou seulement un problème de MON firefox ? :/

Merci d'avance :)
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
27 sept. 2013 à 03:03
tu as une position de départ non déclarée

va voir ici (en plus tu peux générer ton code)
https://www.colorzilla.com/gradient-editor/


pense aussi aux ancien navigateurs (ie8 pour ceux qui sont sous xp etc )
0
Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
27 sept. 2013 à 04:09
Salut, merci de ta réponse =)

j'ai essayé avec :
background: radial-gradient(ellipse at center, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%)
, mais sans réel succès :/

J'ai toujours les zébrures qui n'appairassent que dans Firefox :/

Pour la rétro compatibilité, ce n'est pas vraiment une priorité, mais j'y jetterais un oeil ;)
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
27 sept. 2013 à 14:08
essaie comme ca dans ton css

html {
height:100%;
background: radial-gradient(ellipse at center, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);}

et tu auras une belle éllipse sur toute la page
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 27/09/2013 à 15:16
ca le fait pas dans safari donc rajoute dans html {}

background: -webkit-radial-gradient( #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100% );
0
Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
27 sept. 2013 à 21:03
Ah ! Là ça marche vachement mieux =)

Merci beaucoup pour ton aide =)
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
27 sept. 2013 à 22:01
pas de quoi
0