CSS : opacity scroll et select

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par mojo, 16 Juillet 2006.

  1. mojo
    mojo WRInaute discret
    Inscrit:
    10 Août 2003
    Messages:
    92
    J'aime reçus:
    0
    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.
     
  2. mojo
    mojo WRInaute discret
    Inscrit:
    10 Août 2003
    Messages:
    92
    J'aime reçus:
    0
    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:
     
Chargement...
Similar Threads - CSS opacity scroll Forum Date
Validation W3C CSS opacity Développement d'un site Web ou d'une appli mobile 10 Avril 2009
Problème css opacity avec IE Développement d'un site Web ou d'une appli mobile 3 Avril 2009
Grid CSSS 3 et IE ou Edge ? Développement d'un site Web ou d'une appli mobile 2 Novembre 2022
Comment Modifier une balise H1 non paramétrable par du CSS Débuter en référencement 13 Octobre 2022
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019