Bonjour,
J'ai un petit soucis concernant les bordures. Lorsque je spécifie une certaine opacité pour un div, je m'aperçoit que les bordures deviennent également opaques, or je ne veux pas...
voici mon code : (j'ai essayé de plsuieurs manière et le résultat est le même)
EDIT: je précise que dans la mesure du possible je vodurais éviter d'utiliser une image de fond pour la transparence
Modifié par fieldset (15 Feb 2008 - 13:45)
J'ai un petit soucis concernant les bordures. Lorsque je spécifie une certaine opacité pour un div, je m'aperçoit que les bordures deviennent également opaques, or je ne veux pas...
voici mon code : (j'ai essayé de plsuieurs manière et le résultat est le même)
<html>
<head>
<style>
#coucou3
{
border: 2px dashed black;
background: red;
width: 200px;
height: 200px;
opacity: 0.2;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
filter: "alpha(opacity=20)";
}
</style>
</head>
<body>
<div id="coucou1"></div>
<div id="coucou3"></div>
<script>
var coucou1 = document.getElementById('coucou1');
coucou1.style.border = "2px dashed black";
coucou1.style.background = "blue";
coucou1.style.height = "200px";
coucou1.style.width = "200px";
coucou1.style.opacity = "0.2";
coucou1.style.opacity = 0.2;
coucou1.style.MozOpacity = 0.2;
coucou1.style.KhtmlOpacity = 0.2;
coucou1.style.filter = "alpha(opacity=20)";
var coucou2 = document.createElement('div');
coucou2.style.border = "2px dashed black";
coucou2.style.background = "green";
coucou2.style.height = "200px";
coucou2.style.width = "200px";
coucou2.style.opacity = 0.2;
coucou2.style.MozOpacity = 0.2;
coucou2.style.KhtmlOpacity = 0.2;
coucou2.style.filter = "alpha(opacity=20)";
document.body.appendChild(coucou2);
</script>
</body>
</html>
EDIT: je précise que dans la mesure du possible je vodurais éviter d'utiliser une image de fond pour la transparence
Modifié par fieldset (15 Feb 2008 - 13:45)
