CSS : opacity scroll et select

WRInaute discret
Salut à tous,

Je n'ai décidément pas de chance avec les opacity en CSS : les champs select de mon formulaire disparaissent lors du scroll.

J'ai donc une boite div avec les attributs suivants :

Code:
#content {
	width: 600px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 1em;
	padding: 10px;
	height: 400px;
	overflow: scroll;

	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	background-color: #000;
}

A l'intérieur, un formulaire avec des champs <select> puis du texte.
Lorsque je scroll, j'ai ces champs select qui disparaissent sous IE. Tout est nikel (comme souvent...) sous Firefox. Il semblerait que la propriété opacity soit en cause puisque si je l'enlève, ça tourne bien. Qui plus est sous IE, les champs <select> n'ont pas de transparance contrairement au champs <input>

Je me trompe quelque part ? C'est assez agaçant de voir la moitié du formulaire disparaître aléatoirement au gré du scroll, alors si vous avez une solution, je suis (comme d'habitude) preneur !

Merci d'avance.
 
WRInaute discret
Je continue à ramer (faut dire que je suis du genre obstiné).

Etant donné l'engouement pour ma question, je suppose que personne n'a d'idée ?

:roll:
 
Discussions similaires
Haut