Background de formulaire

Résolu
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
--

Internet ne vaut que s'il est partagé ...
Jacques
Configuration: Windows XP
Internet Explorer 7.0

2 réponses

  1. Contributeur
    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) :
    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>.
    1. Salut Dalida,

      Je m'y colle maintenant et te tiens au courant.
      Merci
  2. 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.
    1. Contributeur
      horreur !!!
      une balise vide et une image de surcroît !
      -:oD

      et avec un :
      p#adre label{
      padding-top:32px; /* ou margin-top:32px;*/
      }

      ça ne fonctionne pas ?

      si il ne le prend pas tu peux l'appliquer au <p>.
    2. @DalidaEuh... pardon maître !
      La balise vide est en réalité une balise mise en plae ici pour montrer le lien avec une ima transparente ou un philigrane.
      Je vais donc essayer ta solution. Je viens encore d'apprendre un truc de plus, je vais pouvoir dormir tranquille.

      Je reviens demain. Bonne nuit.