background css disparait avec le responsive design

Ajouter un message à la discussion

Nicolas78

Posté le 19/02/2015 @ 12:10

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

elle

Posté le 19/02/2015 à 18:29

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

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

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

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

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

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

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

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

http://www.tesl.fr

Modifié par Nicolas78 le 22/02/2015 15:07

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

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

Processeur AMD Ryzen 5 7600X (6 coeurs, 12 threads, 4.7 GHz/5.3 GHz, DDR5, PCIe 5.0) + carte mère MAG B650 Tomahawk WIFI à 479,90 €
479,90 € ~~550 €~~ -13% @RueDuCommerce

RueDuCommerce fait une promotion sur un pack comprenant un processeur AMD Ryzen 5 7600X (6 coeurs, 12 threads, 4.7 GHz/5.3 GHz, DDR5, PCIe 5.0) et une carte mère MAG B650 Tomahawk WIFI à 479,90 € au lieu de 550 €.

Voir le bon plan

Coffret de vissage DeWalt (32 pièces, code couleur, porte embouts) à 11,77 €
11,77 € ~~15,29 €~~ -23% @Amazon

Amazon fait une promotion sur le coffret de vissage DeWalt (32 pièces, code couleur, porte embouts) à 11,77 € au lieu de 15,29 €. Contient 1 porte-embouts à changement rapide, 1 porte-douille 1/4", 30 embouts de vissage 25mm : 9 embouts Philipps (PH), 11 embouts Pozidriv (PZ), 4 embouts plats (Sl), 6 embouts Torx (T).

Voir le bon plan

Mini PC BMAX B7 Pro (Core i5-1145G7, 16 Go RAM, SSD 1 To, WiFi 6, BT 5.2, Windows 11) à 298 €
298 € ~~450 €~~ -34% @Geekbuying

Geekbuying fait une belle promotion sur le très bon mini PC BMAX B7 Pro qui passe à 298 € avec le code promo NNNFRSOLDEB7PRO. On le trouve habituellement autour de 450 €. Ce mini PC intègre un processeur Intel Core i5-1145G7 (4 coeurs), 16 Go de RAM DDR4 et un SSD SATA de 1 To au format M.2 (un emplacement 2.5' libre est également disponible). Il possède un chip graphique Iris Xe qui fera tourner tous vos petits jeux. Il intègre le WiFi 6, le bluetooth 5.2, un port Ethernet Gigabit, 2 ports USB 3.0, 2 ports USB 2.0, un port USB-C et deux connecteurs HDMI. Le tout tourne sous Windows 11 Pro.

Une excellente affaire pour un PC très performant, silencieux et qui ne prendra pas de place !

Voir le bon plan

SSD PNY CS900 2 To à 99,99 €
99,99 € ~~145 €~~ -31% @Cdiscount

Cdiscount fait une belle promotion sur le SSD PNY CS900 2 To qui passe à 99,99 € alors qu'on le trouve ailleurs à partir de 145 €. Ce SSD offre des vitesses d'écriture de 515 Mo/s et de lecture à 550 Mo/s. Il est garanti 3 ans.

Voir le bon plan

NAS Synology DS223 à 289,99 €
289,99 € ~~330 €~~ -12% @Boulanger

Boulanger fait une promotion sur le NAS Synology DS223 qui passe à 289,99 € alors qu'on le trouve ailleurs à partir de 330 €. Conçu à la fois pour les loisirs et le travail, le NAS 2 baies Synology DS223 est une solution qui offre tous les outils dont vous avez besoin pour créer une plateforme intuitive et sécurisée permettant de centraliser, d'organiser et de partager vos données. Tirez parti des solutions intégrées et disponibles sans licence dans Synology DiskStation Manager (DSM) pour créer votre propre cloud privé, accéder à vos fichiers depuis n'importe quel périphérique et travailler efficacement sur des projets professionnels avec vos clients et collaborateurs.

Voir le bon plan

SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 2 To (avec dissipateur, 7000 Mo/s) à 186,13 € livré
186,13 € ~~300 €~~ -38% @Amazon Allemagne

Amazon Allemagne fait une promotion sur le SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 2 To avec son dissipateur de chaleur qui passe à 181,50 € (avec la TVA ajustée). Comptez 4,63 € pour la livraison en France soit un total de 186,13 € livré. On le trouve ailleurs à partir de 300 €. Ce SSD offre des taux de transfert de 7000 Mo /s en lecture et 5100 Mo/s en écriture. Une excellente affaire.

Notez qu'il est également compatible avec la console de jeux PS5.

Voir le bon plan