Transparence d'un div

**krfa1** · 27/09/2005, 15h25

Bonjour,

J'ai un petit soucis. J'aimerais savoir si il existe une propriété css qui permet au div de ne pas être transparent. Car j'ai un div au dessus d'un autre div, et on voit sa bordure. Et je ne veux pas qu'on la voye.

Merci d'avnace

**Perceval** · 27/09/2005, 15h31

réponse bête.....

Code :

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

border:0;

Ca ne marche pas ?

**krfa1** · 27/09/2005, 15h34

Non, car c'est le div de dessous qui a un bout de bordure qui est visible. Et c'est le div de dessus qui ne doit pas être transparent

**10-nice** · 27/09/2005, 15h43

tu est sur que tu vois la bordure par transparence ? essaye de mettre une bordure à ta div au dessus pour voir son périmètre.

Sinon il me semblait que par défaut une div était opaque moi :s met un background-color:#000;

**krfa1** · 27/09/2005, 15h49

Mais je sais que mon div par dessus c'est sur, car il a des bordures, et je vois bien ou il passe.

Essayé seulement, voici mon code

Page css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
body
{
margin : 0px;
}
 
.div_conteneur
{
width : 100%;
height : 100%;
background-color : #ffffff;
}
 
.div_tete
{
width : 100%;
height : 100px;
border-bottom : 1px solid #000000;
background-color : red;
}
 
.div_menu_gauche
{
position : absolute;
width : 150px;
height : 100%;
top : 0px;
padding-top : 100px;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
 
}

page html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/index.css">
</head>
<body>
<div class="div_conteneur">
	<div class="div_menu_gauche">
	coucou
	</div>
	<div class="div_tete">
	coucou
	</div>
</div>
</body>
</html>

**10-nice** · 27/09/2005, 16h00

essaye avec ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/index.css">
</head>
<body>
<div class="div_conteneur">
   <div class="div_tete">
   toto
   </div>
   <div class="div_menu_gauche">
   coucou
   </div>
</div>
</body>
</html>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
body
{
 
margin : 0px;
}
 
.div_conteneur
{
width : 100%;
height : 100%;
background-color : #ffffff;
}
 
.div_tete
{
width : 100%;
height : 100px;
border-bottom : 1px solid #000000;
background-color : #F00;
opacity:100;
}
 
.div_menu_gauche
{
float:left;
width : 150px;
height : 100%;
border-bottom : 1px solid #000000;
border-right : 1px solid #000000;
}

**Thzith** · 28/09/2005, 10h11

tu utilise quel navigateur????

**10-nice** · 28/09/2005, 10h27

IE et FF, ca fonctionne avec les deux navigateurs.

**krfa1** · 30/09/2005, 07h19

Bonjour,

Désolé de répondre que maintenant. Alors j'ai essayé avec opacity:100; Mais ça ne marche pas. Et puis je suis sous IE. Mais chaz vous le code est-ce qu'il fonctionne chez vous???

CUCARACHA · 30/09/2005, 11h53

Salut,

Sous IE il est préférable d'utiliser les filtres dans ta chaine de style :

Code :

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

style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);"

Voir

http://msdn.microsoft.com/library/de.../reference.asp

Bien entendu, ça n'est pas compatible avec les autres navigateurs mais ça ne fait pas planter non plus...

Bien à toi

Laurnent Jordi

Transparence d'un div

HTML

Discussions similaires

Partager

Partager