Discussion :

[koKoTis]

Bonjour, j'ai une page qui contient un DIV invisible qui devient visible au clique sur un lien, ce DIV à une longueur de 900 PX, je voudrais que quand on clique sur le lien qui rend le DIV visible un fond noir s'affiche entre ce DIV et le ocntenu de la page pour masquer tous ce qu'il y a sous le DIV, quelqu'un saurait m'aider ?

[NoSmoking]

Bonjour,
en jargon WEB cela s'appelle une lightBox.

Suivant le besoin cela peut aller de quelque ligne de javascript à l'utilisation d'une librairie dédiée.

[Vil'Coyote]

comme tu gère déjà l'affichage et le masquage de ton div. il te suffit de faire apparaître également un second div mais derriere le premier avec un style différent. il faut regarder vers la propriété z-index pour dissocier tes deux div et ton fond de page.

[koKoTis]

NoSmoking
Merci je vais étudier cette piste

Vil'Coyote
Merci, mais c'est la solution que j'utilise actuellement, le souci étant que le DIV n'occupe pas toute la pages dans sa hauteur

[Bovino]

Il suffit de le lui demander gentiment (et correctement) !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="overlay"></div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
    /* Version CSS3 */
    background-color: rgba(0,0,0,0.6);
}

[koKoTis]

Merci encore, mais avec le "position fixed", ma page ne défile plus, et sans la "position fixed" cela ne fonctionne pas.

Je te poste le CSS que j'ai déja sur mon DIV:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.Div_Pop_Up_Aout_1 {
    height:670px;
	width:100%; 
	background-color:#000000; 
	z-index:10000000000000000000000000000000000000000000000000000000000000; 
	position: absolute;
}

[NoSmoking]

Merci encore, mais avec le "position fixed", ma page ne défile plus...

aucune raison si ce n'est une erreur dans tes déclarations/affectations.