Transparence d'un div

Version imprimable

27/09/2005, 15h25
krfa1

Transparence d'un div

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
27/09/2005, 15h31
Perceval

réponse bête.....

Code:

border:0;

Ca ne marche pas ? :roll:
27/09/2005, 15h34
krfa1

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
27/09/2005, 15h43
10-nice

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;

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:

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:

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>

essaye avec ca :

Code:

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:

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;
}

28/09/2005, 10h11
Thzith

tu utilise quel navigateur????
28/09/2005, 10h27
10-nice

IE et FF, ca fonctionne avec les deux navigateurs.
30/09/2005, 07h19
krfa1

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???
30/09/2005, 11h53
CUCARACHA

Filters

Salut,

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

Code:

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