IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Dégradé vertical IE9


Sujet :

CSS

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Février 2012
    Messages
    135
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 135
    Points : 69
    Points
    69
    Par défaut Dégradé vertical IE9
    Je me bat avec les degrades IE9.

    J'ai le code html suivant :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="titre-liste-statistiques">Evolution des appels - <?php echo $_SESSION["s1_annee"];?></div>

    J'ai le code CSS suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    #titre-liste-statistiques {
    	text-indent:10px;
    	color:#000000;
    	font-size:22px;
    	font-weight:bold;
    	text-transform:uppercase;
    /* Anciens navigateurs */
    	background: #FFFFFF url("gradient-bg.png") repeat-x center;
    	-o-background-size: 100% 100%;
    	-moz-background-size: 100% 100%;
    	-webkit-background-size: 100% 100%;
    	background-size: 100% 100%;
    	/* Internet Explorer */
    	*background: #FFFFFF;
    	background: #FFFFFF\0/;
    	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC);*/
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EAE8E8'); /* for IE */
    	/* Navigateurs récents */
    	background-image: -webkit-gradient(
    		linear,
    		left top, left bottom,
    		from(#FFFFFF),
    		to(#CCCCCC)
    	);
    	background-image: -webkit-linear-gradient(
    		top,
    		#FFFFFF,
    		#CCCCCC
    	);
    	background-image: -moz-linear-gradient(
    		top,
    		#FFFFFF,
    		#CCCCCC
    	);
    	background-image: -o-linear-gradient(
    		top,
    		#FFFFFF,
    		#CCCCCC
    	);
    	background-image: linear-gradient(
    		top,
    		#FFFFFF,
    		#CCCCCC
    	);
    }
    Je ne parviens pas à faire le degrade sous IE9, le degrade est présent sous Firefox.

    Avez-vous une idée.

    Cordialement.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonsoir,
    Je me bat avec les degrades IE9.
    ça c'est pas bien...

    un lien qui devrait être utile Ultimate CSS Gradient Generator

Discussions similaires

  1. Dégradé vertical dans un div
    Par baggie dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 05/03/2013, 09h15
  2. [CSS 3] Compatibilité CSS3 border-radius IE9 et background dégradé
    Par Emyleen dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 10/09/2012, 10h38
  3. Concaténation vertical ???
    Par loaded dans le forum Langage SQL
    Réponses: 10
    Dernier message: 07/05/2003, 15h44
  4. scrolling vertical et horizontal
    Par myriam dans le forum MFC
    Réponses: 2
    Dernier message: 24/01/2003, 17h06
  5. vertex vertices
    Par gRRosminet dans le forum OpenGL
    Réponses: 2
    Dernier message: 05/11/2002, 03h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo