> 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
36,99 €Pack clavier + souris sans-fil Logitech MK470 à 36,99 €
Valable jusqu'au 25 Septembre

Amazon fait une promotion sur le pack clavier + souris sans-fil Logitech MK470 à 36,99 € au lieu de 50 €. Compact et avant-gardiste, cet ensemble Logitech MK470 est parfait pour travailler efficacement. L'ensemble se distingue notamment par sa simplicité et à leur profil ultra-mince.

Le clavier compact comprend notamment un pavé numérique et 12 raccourcis de fonction, vous offrant ainsi toutes les touches dont vous avez besoin. De plus, les touches à microcharnières extra-plates offrent une expérience de frappe fluide et familière. Quant à la souris, elle est dotée de trois boutons et d'une molette de défilement extrêmement silencieuse. Et avec sa forme en galet et la douceur de la souris ambidextre, elle offre un grand confort d'utilisation pour les droitiers comme les gauchers. 


> Voir l'offre
122,02 €Kit de 32 Go (2 x 16 Go) de mémoire DDR4 Crucial Ballistix 3200 MHz à 122,02 €
Valable jusqu'au 25 Septembre

Amazon fait une promotion sur le kit de 32 Go (2x16 Go) de mémoire DDR4 Crucial Ballistix 3200 MHz CL16 qui passe à 122,02 € livré gratuitement alors qu'on le trouve ailleurs à partir de 150 €.


> Voir l'offre
21,90 €Switch Gigabit TP-Link 8 ports métal à 21,90 €
Valable jusqu'au 25 Septembre

Amazon propose actuellement le switch Gigabit TP-Link TL-SG108 8 ports (10/100/1000) dans un boîtier métal à 21,53 €. On le trouve habituellement autour de 30 €. 


> 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