Création d'un masque opaque sur un formulaire
Bonjour à tous,
J'ai vu que, grâce au CSS, on peut appliquer un genre de masque dont l'opacité est réglable avec opacity ou filter.
La construction de ma page est du type :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<style>
.masque50{
position:relative;
top: 0px;
left:0px;
width:800px;
height:100%;
background-color: rgb(0, 0, 0);
z-index: 1000;
opacity: 0.50;
filter:alpha(opacity=50);
}
</style>
<div id="conteneur" class="masque50">
<form>
<des dizaines de champs et inputs divers>
</form>
</div> |
Ca fonctionne ok, il y a un genre de "voile" sur le formulaire. Mais ma question est : existe-t-il une fonction qui permette de "disabled" l'ensemble sans le faire pour chaque champ du formulaire ? En fin de compte, le div entier ne serait pas clicable...
Merci !