Comment faire le bg d un select transparent ?

fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention -
fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention - 31 mars 2010 à 09:40

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....

Afficher la suite

8 réponses

Réponse 1 / 8
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
```
#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 1050 Date d'inscription Statut Membre Dernière intervention 74

Salut, ca ne fonctionne pas. Ca ne rend pas liste transparente.
0
1. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  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
2. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 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 245

#derouserv option {
background: transparent;
}

Je ne sais pas si ca marche, mais ca mérite d'etre tenté ^^
0
1. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74
  
  Salut, nan ca ne fonctionne pas mais merci quand meme ^^
  
  0
Réponse 4 / 8
fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 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 245
tu as essayé avec
```
background: transparent;
```
?
0
1. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74
  
  oui oui j'ai répondu en commentaire de ton premier post
  
  0
2. swoog42 Messages postés 1178 Statut Membre 245
  
  oups pardon, j'avais pas vu :@
  
  0
Réponse 6 / 8
fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74

Quelqu'un à une idée ?
0
Réponse 7 / 8
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511

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
1. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74
  
  Que je met dans
  #derouserv option{ }
  
  ?
  
  0
2. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  Oui, avec la propriété background(-image)
  
  0
3. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74
  
  #derouserv option{ background-image: url("1.png"); }
  
  Ca marche pas.... je commence à croire que c est pas possible...
  
  0
4. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  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
5. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 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 245
et avec
```
	background: none;
```
ca donne quelque chose ?
0
1. fxtaa Messages postés 1050 Date d'inscription Statut Membre Dernière intervention 74
  
  nan ca marche pas :s
  
  0

Comment faire le bg d un select transparent ?

8 réponses

Discussions similaires

Newsletters