Background de formulaire
Résolu
Jacobéo
Messages postés
304
Date d'inscription
Statut
Membre
Dernière intervention
-
Jacobéo Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
Jacobéo Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaite modifier la couleur blanche et opaque par défaut d'un formulaire pour la tranformer en un blanc transparent de xx% qui permettrait de voir l'image du div placé en dessous. Je ne trouve pas le moyen CSS pour aboutir à mon souhait. Quelqu'un a-t'il une solution à me proposer ?
Merci
Jacobéo
Je souhaite modifier la couleur blanche et opaque par défaut d'un formulaire pour la tranformer en un blanc transparent de xx% qui permettrait de voir l'image du div placé en dessous. Je ne trouve pas le moyen CSS pour aboutir à mon souhait. Quelqu'un a-t'il une solution à me proposer ?
Merci
Jacobéo
A voir également:
- Background formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
2 réponses
salut Jacobéo !
pour la transparence il n'y a pas encore de propriété CSS qui soit interprétée par tout le monde.
tu peux soit utiliser plusieurs propriétés à la fois (CSS3, Mozzila et MSIE) :
soit utiliser un GIF transparent (meilleur que le PNG puisqu'interprété par IE) en image de fond.
si ça ne fonctionne pas sur <form> essaie en ajoutant un <fieldset>.
pour la transparence il n'y a pas encore de propriété CSS qui soit interprétée par tout le monde.
tu peux soit utiliser plusieurs propriétés à la fois (CSS3, Mozzila et MSIE) :
form{
background-color:#FFF;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
}
soit utiliser un GIF transparent (meilleur que le PNG puisqu'interprété par IE) en image de fond.
si ça ne fonctionne pas sur <form> essaie en ajoutant un <fieldset>.
Super comme résultat. Merci Dalida.
Je n'avance pas très vite (beaucoup d'occupations en extérieur), mais je cherche des détails comme celui-ci qui me semble donner un plus au graphisme. J'ai aussi trouvé un moyen pour aérer l'ensemble, en ajoutant dans le formulaire, un espace (image transparente,.. encore!) à cet endroit :
<p id="adr">
<label for="mail"> <img name="image" src="" width="32" height="32" alt="" /> <span class="Style3">Votre adresse "Courriel" :</span>
<input name="votremail" tabindex="20" size="30" type="text" id="mail" value="<?php echo $votremail; ?>" />
</label>
</p>
Rien d'extraordinaire, mais quand on cherche, on fait parfois des erreurs qui amènent à... des effets sympas.
Je n'avance pas très vite (beaucoup d'occupations en extérieur), mais je cherche des détails comme celui-ci qui me semble donner un plus au graphisme. J'ai aussi trouvé un moyen pour aérer l'ensemble, en ajoutant dans le formulaire, un espace (image transparente,.. encore!) à cet endroit :
<p id="adr">
<label for="mail"> <img name="image" src="" width="32" height="32" alt="" /> <span class="Style3">Votre adresse "Courriel" :</span>
<input name="votremail" tabindex="20" size="30" type="text" id="mail" value="<?php echo $votremail; ?>" />
</label>
</p>
Rien d'extraordinaire, mais quand on cherche, on fait parfois des erreurs qui amènent à... des effets sympas.
Je m'y colle maintenant et te tiens au courant.
Merci