J'ai un comportement étrange avec un select et IE6 (
Note: C'est du code uniquement destiné à être utilisé avec IE6)
Je tente d'ajouter un div comme couche suppérieure. Ce div a pour objectif d'empêcher l'utilisateur d'avoir accès aux différents éléments de la page. Le div fait très bien la job, sauf pour les select qui sont toujours utilisables.
Voici un exemple de code permettant de reproduire le comportement:
Code :
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Filter test</title>
<style>
.Filter {
background:black;
filter: alpha(opacity = 30);
cursor: default;
}
</style>
<script>
function ApplyFilter() {
divFilter = window.document.createElement("DIV");
window.document.body.appendChild(divFilter);
divFilter.style.position = "absolute";
divFilter.style.zIndex = 1000;
divFilter.style.pixelHeight = 300;
divFilter.style.pixelWidth = 300;
divFilter.className = "Filter";
divFilter.style.pixelTop = 0;
divFilter.style.pixelLeft = 0;
}
</script>
</head>
<body>
<input type="text" name="in1" length="20"><br>
<input type="text" name="in2" length="20"><br>
<select name="selOne">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select><br>
<input type="checkbox" name="chk1">
<input type="checkbox" name="chk2">
<input type="checkbox" name="chk3">
<br>
<input type="radio" name="rd" value="1">
<input type="radio" name="rd" value="2">
<input type="radio" name="rd" value="3">
<br>
<button onclick="ApplyFilter();">Apply Filter !</button>
</body>
</html>
Est-ce un bug ? Si non, pourquoi le select se comporte différament ?
Quelqu'un connaît un moyen de contourner ce comportement ?
Connexion
Inscription
FAQ
Rechercher
