Transparence du background

3 participants

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

Résolu Transparence du background

Message par Juna Jeu 20 Mar 2014 - 18:53

Bonjour à tous !

Voilà, je rencontre un petit problème que j'essaie de résoudre depuis un moment mais je n'ai ni trouvé le solution, ni trouvé d'aide dans les différents tutoriels ici.

En réalité je souhaite réussir à intégrer dans mon CSS un code qui me permet d'utiliser une image pour le background qui se redimensionnerait pour une grande partie des différentes résolutions d'écran.
Un ami m'a donné le code suivant :
Code:
html {
 margin:0;
  padding:0;
  background: url(http://i55.servimg.com/u/f55/11/14/17/12/header11.jpg) no-repeat center fixed;
 -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

Code qui fonctionne lorsque je le place dans mon CSS, mais (car oui il y a toujours un mais xD) lorsque je laisse le champs vide de ''image de fond'' dans le PA-Affichage-Gestion des images, il me met un bloc blanc.
Voici un screen pour vous donner une idée :
Transparence du background Screen11

Donc nous voyons bien l'image que j'ai mise dans mon code cité plus haut mais j'ai ce bloc blanc que je souhaite retirer.
Lorsque je n'entre rien dans ''image de fond'' dans le PA-Affichage-Gestion des images ainsi que dans ''Couleur du fond de page'' dans le PA-Affichage-Couleur, ça me met automatiquement du blanc.
J'ai même essayé d'intégrer une image transparente, en vain ! xD

Est-ce seulement possible de faire cela ?
Mon forum est en version PHPbb2 Wink

En vous remerciant d'avance !


Dernière édition par Juna le Ven 21 Mar 2014 - 15:06, édité 1 fois
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence du background

Message par stefou Ven 21 Mar 2014 - 12:33

Bonjour,
Pour que le résultat de votre code soit visible il faut entrer dans le css
Code:
body{background:none;}

Edit
Mais je pense que vous aurez un meilleur résultat si vous remplacez votre code par
Code:
body{background-image:url('http://i55.servimg.com/u/f55/11/14/17/12/header11.jpg');}
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Transparence du background

Message par Juna Ven 21 Mar 2014 - 15:06

Bonjour,

Merci stefou pour votre réponse, c'est tout à fait ce que je souhaitait trouver ! =D

Et merci aussi Serang, mais j'avais déjà essayé et malgré ça, ça me remettait la couleur blanche par défaut :/

Quoiqu'il en soit, le problème est donc résolu !

Merci encore !! ^-^
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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