Bonjour,
J'essaie de faire un site avec une présentation sur trois niveaux :
- l'arrière plan qui, comme son nom l'indique, constitue le fond de page. C'est un <DIV> de taille X*Y avec une image de fond appelée depuis le CSS.
- le contenu du site, qui recevra diverses pages générées par du PHP. Ça je sais faire, pas de souci. C'est un <DIV> de même taille X*Y.
- le premier plan, qui ne sert en fait qu'à masquer le bas de page et permet d'en faire "sortir" le contenu du <DIV> précédent. Jusqu'à présent, c'est un <DIV>, toujours de taille X*Y, avec une image de fond qui arrive du CSS, mais qui est transparente du haut jusqu'au 3/4, et seulement le bas de l'image contient de la "matière". Vu que cette image est irrégulière (elle représente des feuilles et de l'herbe), le texte du bas de page apparait entre les brins d'herbe, c'est joli. En tout cas c'est ce que je veux.
Les 3 <DIV> sont empilés les uns sur les autres, dans l'ordre précédent, du dernier au premier plan. Visuellement, ça fonctionne très bien : j'ai l'effet recherché à savoir un arrière plan, le texte par dessus et le premier plan qui recouvre le bas du texte en laissant entrevoir la suite du texte entre la végétation. Par contre, pas moyen de faire scroller le contenu de la page. L’ascenseur apparaît bien, mais du fait que le <DIV> premier plan recouvre entièrement le contenu de la page, le dit ascenseur est inaccessible puisque masqué par de la transparence.
Comment contourner le problème ?
J'espère me faire comprendre... Merci d'avance
Edit : Voila un exemple :
Je veux faire scroller le vert, sachant que le bleu est une image transparente de la même taille que le rouge.
Message édité par Kortex@HFR le 11-07-2012 à 17:46:35
---------------
Au coeur du swirl - Mon feed