Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Problème du background body


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Ven 6 Juil 2018 - 12:07

Bonjour,

J'ai un background body qui ne donne pas le même résultat sur google chrome, internet explorer. Il marche très bien sur firefox.

Voici mon code css :


Code:
body {

 background: linear-gradient(183deg, rgba(141,35,46,0.5) 1%, rgba(141,35,46,0) 60%),
              linear-gradient(250deg, rgba(141,35,46,0) 21%, rgba(141,35,46,0.2) 20%, rgba(11,35,47,0.2) 50%),
              linear-gradient(250deg, rgba(141,35,46,0) 23%, rgba(141,35,46,0.2) 20%, rgba(11,35,47,0.2) 50%),
              linear-gradient(250deg, rgba(141,35,46,0) 25%, rgba(141,35,46,0.2) 20%, rgba(11,35,47,0.2) 50%),
              repeating-linear-gradient(179deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 3px, rgba(0,0,0,0.1) 3px, rgba(0,0,0,0.1) 5px);
  

 
  background-color: #B0A49E;
  background-repeat: no-repeat;
  background-attachment: fixed; }


Que faut-il rajouter pour que le résultat soit identique sur tous les navigateurs web ?

Merci et bonne journée


Dernière édition par Milouze14 le Jeu 15 Aoû 2024 - 8:22, édité 4 fois (Raison : Suppression des balises hide)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 6 Juil 2018 - 18:36

Hello Kaeyla ,

je viens de tester ta css sur mon fofo de test et sous Firefox ou Chrome , le rendu est identique !!!
Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Ven 6 Juil 2018 - 18:42

Hello Phil.,

Voila ce que j'ai sous chrome... Les rayures ne sont pas comme ça sous firefox

[PHPBB2] Problème du background body 01a33
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 6 Juil 2018 - 19:10

Tu peux essayer de diminuer le dernier :
Code:
 repeating-linear-gradient

Code:
rgba(0,0,0,0.1) 5px

à 4px , mais ensuite on ne pourra pas changer grand chose de plus chère amie oups .
Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Ven 6 Juil 2018 - 19:16

Hello Phil.

Merci c'est bon j'ai mis à 2px. Comme ça plus de problèmes.

Bonne fin de soirée cher ami
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 6 Juil 2018 - 19:33

Hello Kaeyla ,

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum