> Tous les forums > Forum des Webmasters
 background css disparait avec le responsive design
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Nicolas78
  Posté le 19/02/2015 @ 12:10 
Aller en bas de la page 
Petit astucien

Bonjour tout le monde

Je suis en train de terminer un site en essayant de le rendre responsive !

Tout va bien sauf qu'à la base, mon menu et mon footer on dans leur css un :

background: linear-gradient(to right, white, #0080FF, white);

Je teste sur mon téléphone (un Xperia S) et rien ! Enfin... Un fond blanc ! Je n'ai rien contre mais je préférais mon dégradé !

Je n'arrive pas à comprendre pourquoi ça ne passe pas...

Si quelqu'un a une idée... Merci d'avance



Modifié par Nicolas78 le 19/02/2015 12:11
Publicité
elle
 Posté le 19/02/2015 à 18:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Avec un lien, on pourrait vérifier...

Quel navigateur? Il ne supporte peut-être pas le linear-gradient.

Nicolas78
 Posté le 19/02/2015 à 22:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Malheureusement il n'est pas encore en ligne... :/

Sur mon téléphone, en navigateur je peux utiliser "CM Browser" ou un "HTMLViewer". Les 2 me donnent le même résultat...

A tout hasard je vais essayer de faire un background "normal"

Sinon... Captures d'écran ? Bout de code ?

elle
 Posté le 19/02/2015 à 22:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu ne peux pas mettre juste une page de test en ligne?

Comme tu peux voir, ce n'est pas toujours supporté :

http://caniuse.com/#feat=css-gradients

http://www.quirksmode.org/css/images/gradients_mobile.html

Nicolas78
 Posté le 19/02/2015 à 23:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

J'avoue que je ne sais même pas encore où l'héberger... OVH ou un pauvre hébergeur gratuit... Je ne sais pas !

Ah bien vu avec Can I Use ! Je l'utilise en cours en plus... Je vais voir ça de suite !

elle
 Posté le 19/02/2015 à 23:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu pourrais tester avec un navigateur qui le supporte, pour voir si ton code n'est pas en cause...
Nicolas78
 Posté le 20/02/2015 à 00:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Yep, j'ai testé avec le navigateur de base de mon téléphone et rien à faire ! Le dégradé ne passe pas !

J'ai testé avec un background uni et ça passe bien...

Je vient aussi de tester avec Opéra et Chrome... C'est horrible ! Tout est devenu... Tout serré sur le côté gauche, je ne vois même pas un mot entier par ligne pourtant ça passe bien sur le navigateur classique du téléphone, sur CMBrowser... Là je ne comprend vraiment pas, c'est encore plus fort que le dégradé !

Nicolas78
 Posté le 20/02/2015 à 11:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

J'ai testé avec Firefox sur mon téléphone toujours... Et là tout fonctionne très bien (background dégradé compris)

Là vraiment j'ai du mal à comprendre...

Nicolas78
 Posté le 22/02/2015 à 15:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Si vous voulez tester... Il est en ligne !

http://www.tesl.fr



Modifié par Nicolas78 le 22/02/2015 15:07
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
163,37 €Imprimante 3D Creality Ender 3 v2 à 163,37 € (stock Europe) avec le code TPCROS
Valable jusqu'au 27 Octobre

TomTop fait une belle promotion sur la toute dernière imprimante 3D Creality Ender 3 v2 à 163,37 € avec le code TPCROS On la trouve ailleurs autour de 180 €. L'imprimante est expédiée depuis un stock Europe (en Allemagne). Elle sera donc rapide et vous êtes sûr de ne pas avoir de douane. 

La Creality Ender 3 v2 est l'une des machines les plus populaires actuellement sur le marché. Et pour cause. Elle dispose d'un volume d’impression de 220 x 220 x 250 mm, est équipée d'un plateau chauffant inspiré du BuildTak, d'un nouvel écran LCD 4.3 pouces et offre des fonctionnalités pratiques comme la reprise de l'impression après une coupure de courant ou le conduit pour le filament étroit. L'imprimante 3D est facile à assembler et le calibrage est aisé grâce aux gros boutons. 


> Voir l'offre
GratuitJeu PC Among the Sleep: Enhanced Edition gratuit
Valable jusqu'au 28 Octobre

Epic Game Store offre actuellement le jeu PC Among the Sleep: Enhanced Edition. Among the Sleep est un jeu d'aventure-horreur à la première personne dans lequel vous incarnez un enfant de deux ans. Après avoir été réveillé au milieu de la nuit par des bruits mystérieux, vous commencez à explorer l'obscurité en quête de réconfort. Le jeu exprime l'horreur par le biais de l'atmosphère et de l'exploration, sans score ni système de combat. Dans Among the Sleep, vous êtes vulnérable, effrayé, et vous essayez de comprendre le monde qui vous entoure. Audio en anglais, texte en français. PEGI 12.


> Voir l'offre
32,99 €Clé USB Sandisk Ultra Go 256 Go à double connectique USB 3.1 Type A et C à 32,99 €
Valable jusqu'au 27 Octobre

Amazon fait une promotion sur la clé USB Sandisk Ultra Go 256 Go à double connectique USB 3.1 Type A et C qui passe à 32,99 €. Cette clé USB  dispose d'un connecteur USB Type C et d'un connecteur classique de type A. Grâce à elle, transférez en toute simplicité et rapidement (jusqu'à 150 Mo/s) vos fichiers entre vos smartphones, tablettes et ordinateurs. On la trouve ailleurs à plus de 45 €.


> Voir l'offre

Sujets relatifs
Responsive design - utiliser Bootstrap ?
Un background-repeat avec un margin...???
Design avec feuille de style.css [RESOLU MERCI]
Comment réaliser son propre design et avec quoi ?
Créer une page web responsive ?
Hébergement de site avec nom de domaine
Migration PHP 5.3 vers 5.5 ou 5.6 (avec WAMP)
Barre intempestive avec FF et pas avec IE
Problème avec free
défaut sur mon site avec FF et pas avec IE
Plus de sujets relatifs à background css disparait avec le responsive design
 > Tous les forums > Forum Forum des Webmasters