Poster une réponse à un sujet: CSS: placer une image en filigrane
Attention, ce sujet est un sujet ancien (6429 jours sans réponse)
Monky
J'ai vaincu le problème. En réalité, il fallait placer les données de l'image dans la boite .content
Cela fonctionne.
Voilà le résultat: www.radio.annonciation.net
Cela fonctionne.
Voilà le résultat: www.radio.annonciation.net
Monky
Ok, je vais me documenter là -dessus ! Merci pour les infos Max. Cela va me prendre quelques jours pour goupiller cela mais je vais tenter la chose...
max
je me suis mal exprimé, j'aurais du dire un cadre.
En schématisant à l'extrême:
<body>
...
<div class="main">
<div class="page"> <---- c'est lui qui va contenir le filigrane
<div des articles>...</div>
</div>
</div>
</body>
En schématisant à l'extrême:
<body>
...
<div class="main">
<div class="page"> <---- c'est lui qui va contenir le filigrane
<div des articles>...</div>
</div>
</div>
</body>
Monky
Ne serait-ce pas avec ceci: z-index:
Monky
Pour les couches, je connais les "premier âge" actuellement... Tu peux me préciser comment ajouter cette couche, si tu as la patience et le temps?
max
bon, de ce que je vois, il y a déjà une image pour le tag body,
donc on va placer le filigrane ailleurs. div.main serait bien mais il y a aussi une
image:
Heuu, donc soit on rajoute un div dans div.main en plus et on tape l'image là , soit on triche en modifiant l'image et... non c'est casse-bonbon comme méthode, ajoute plutôt une couche...
![http://www.radio.annonciation.net/img/bg.gif http://www.radio.annonciation.net/img/bg.gif](http://www.radio.annonciation.net/img/bg.gif)
donc on va placer le filigrane ailleurs. div.main serait bien mais il y a aussi une
image:
![http://www.radio.annonciation.net/img/bgmain.gif http://www.radio.annonciation.net/img/bgmain.gif](http://www.radio.annonciation.net/img/bgmain.gif)
Heuu, donc soit on rajoute un div dans div.main en plus et on tape l'image là , soit on triche en modifiant l'image et... non c'est casse-bonbon comme méthode, ajoute plutôt une couche...
Monky
background-image url(./images/logo.jpg)
background-repeat: no-repeat;
background-position: center center;
A placer dans le tag ou la classe de ton choix.
Attention que le chemin de l'image est relatif à la page et non pas au css (je dis ça pour si tu places tes feuilles de style dans un repertoire différent que celui de tes pages)
Oui, j'ai essayé déjà cela avant de vous écrire mais ça ne passe pas. J'ai l'impression que quelque chose est au-dessus de l'image... ?
Monky
Voici la page... sorry pour le retard mais nous avons eu une visite: http://www.radio.annonciation.net
zion
Oui mais non, on veut voir la page
![:petrus: :petrus:](images/smileys/petrus.gif)
![:neowen: :neowen:](images/smileys/neowen.gif)
max
background-image url(./images/logo.jpg)
background-repeat: no-repeat;
background-position: center center;
A placer dans le tag ou la classe de ton choix.
Attention que le chemin de l'image est relatif à la page et non pas au css (je dis ça pour si tu places tes feuilles de style dans un repertoire différent que celui de tes pages)