Sujet Précédent Sujet Suivant

Comment faire le bg d un select transparent ?

fxtaa Messages postés 1170 Statut Membre -  
fxtaa Messages postés 1170 Statut Membre -
Salut,

Je souhaiterai faire le background d'un menu déroulant transparent. J'ai essayé ca mais ca fonctionne pas :

html : 

<form id="form" name="formu" method="post" action="index.php">
           <label>Sélection du serveur :</label>
           <select id="derouserv name="rech"onchange="document.forms['formu'].submit();">
              <option>1</option>
           </select>
 </form>


css : 

#derouserv {
background-color: rgba(255, 0, 255, 0.1);

}


Donc la ca fait un truc super laid....

8 réponses

Réponse 1 / 8
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
  
#derouserv option {
    background-color: rgba(255, 0, 255, 0.1);
}
Et forcément, teste avec un navigateur qui supporte rgba
0
Réponse 2 / 8
fxtaa Messages postés 1170 Statut Membre 74
 
Salut, ca ne fonctionne pas. Ca ne rend pas liste transparente.
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Ce que je t'ai proposé ne fonctionne avec certains navigateurs supportant déjà le CSS3.
C'ici quelques mois (voir 1-2 année), ça fonctionnera chez tous.
Je l'ai testé avec Google Chrome 5.
0
fxtaa Messages postés 1170 Statut Membre 74
 
je suis sous firefox 3.6. Je vais test avec chrome 5.
0
Réponse 3 / 8
swoog42 Messages postés 1178 Statut Membre 244
 
#derouserv option {
background: transparent;
}

Je ne sais pas si ca marche, mais ca mérite d'etre tenté ^^
0
fxtaa Messages postés 1170 Statut Membre 74
 
Salut, nan ca ne fonctionne pas mais merci quand meme ^^
0
Réponse 4 / 8
fxtaa Messages postés 1170 Statut Membre 74
 
J'ai testé 
background-color: rgba(255, 0, 255, 0.1);
sans résultat sous Firefox 3.6.2 et Google chrome 5.0.356.2 beta.

ps: le border radius est bien mieux pixelisé sur Firefox que sur Chrome.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
swoog42 Messages postés 1178 Statut Membre 244
 
tu as essayé avec 
background: transparent;
?
0
fxtaa Messages postés 1170 Statut Membre 74
 
oui oui j'ai répondu en commentaire de ton premier post
0
swoog42 Messages postés 1178 Statut Membre 244
 
oups pardon, j'avais pas vu :@
0
Réponse 6 / 8
fxtaa Messages postés 1170 Statut Membre 74
 
Quelqu'un à une idée ?
0
Réponse 7 / 8
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Avec une image PNG de 1x1 pixel transparente, ça devrait aller.
Je n'ai rien trouvé pour faire ça en CSS avec la propriété opacity ou rgba.
0
fxtaa Messages postés 1170 Statut Membre 74
 
Que je met dans 
#derouserv option{

}

?
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Oui, avec la propriété background(-image)
0
fxtaa Messages postés 1170 Statut Membre 74
  
#derouserv option{
	background-image: url("1.png");

}


Ca marche pas.... je commence à croire que c est pas possible...
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Dans le cas où c'est vraiment impossible, tu peux imiter la liste en (x)HTML/CSS.
Mais il faudra utiliser Javascript pour changer la valeur de la vraie liste qui sera masquée.
0
fxtaa Messages postés 1170 Statut Membre 74
 
Oui passé par une liste ul li, il ne reste plus que ca comme solution. je pense.
0
Réponse 8 / 8
swoog42 Messages postés 1178 Statut Membre 244
 
et avec 
	background: none;

ca donne quelque chose ?
0
fxtaa Messages postés 1170 Statut Membre 74
 
nan ca marche pas :s
0

Discussions similaires

Couleur transparente
ando26 -
Turtlee -

25 réponses
Aide Please select boot device
Romanitouu -
jee pee -

1 réponse
Background transparent ?
Zorro Gk -
Alexrox -

21 réponses
[PhotoShop CS6] Couleur de transparence.
Fleedz -
yyy -

17 réponses
Select boot device première utilisation
eleagtte -
bazfile -

7 réponses