image qui se répète sur le fond chatbox

[Laférosse]

Bonjour, j'ai mis une image de fond (code css avec body). Mais cette image se répète sur le fond de la chatbox. Comment faire pour l'élimer uniquement sur le fond de la chatbox ? Merci par avance.

[Laférosse]

Bonjour, c'est la cata les images se répètent sur le fond de la chatbox.



Est-il possible de les effacer ou même mieux que je puisse mettre une image en fond ? Merci.

[Toryudo]

Bonjour !

Alors, la chatbox ayant aussi un body, le background du body s'y applique également.
Ce qu'on va faire, c'est modifier le CSS qui défini le background du body, comme ceci :

Code:

    body:not(.chatbox) {
      background-color: #A1D0EB;
      background-image: url(https://2img.net/zupimages.net/up/23/29/znp7.png), url(https://zupimages.net/up/23/30/05he.png), url(https://zupimages.net/up/23/30/7jk3.png);
      background-position: top 64px center, top 262px center, top center;
      background-size: 100% auto, 100% auto, 100% auto;
      background-repeat: no-repeat, no-repeat, repeat;
    }

Comme le body de la chatbox possède une class ".chatbox" ; en mettant body:not(.chatbox), on demande au CSS de s'appliquer sur tous les body sauf celui qui a une class ".chatbox".

Si ensuite, vous voulez mettre un body uniquement sur la class ".chatbox", vous pourrez aussi le faire en mettant par exemple :

Code:

    body.chatbox {
      background-color: #A1D0EB;
    }

[MlleAlys]

Bonjour,
Vous pouvez passer par ce code css pour retirer le fond :

Code:

body.chatbox {
  background: none;
}

Ou bien pour mettre une autre image :

Code:

body.chatbox {
  background: url(LIENIMAGE);
}

(EDIT : oups, pardon Toryudo)

[Laférosse]

Merci Melle Alys et Toryudo.