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:

Radient firefox
Video downloadhelper firefox - Télécharger - Outils pour navigateurs
Comment supprimer bing de firefox - Guide
Firefox telecharger - Télécharger - Navigateurs
Exporter favoris firefox - Guide
Dark reader firefox - Guide

1 réponse

Réponse 1 / 1

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
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 )

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 102
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 ;)

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
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

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
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% );

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 102
27 sept. 2013 à 21:03

Ah ! Là ça marche vachement mieux =)

Merci beaucoup pour ton aide =)

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
27 sept. 2013 à 22:01

pas de quoi

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''

Firefox mise à jour message XULrunner Error platform

Firefox exe point d'entrée introuvable

Telecharger la version Firerfox 52.0.1 ou 52.0.2