Discussion :

[lifty]

Bonjour bonjour,

Si je reviens parmi vous aujourd'hui c'est pour un soucis avec les hack CSS, en effet je voudrais empêcher IE 7 de lire une ligne de css. Je m'explique avec le code suivant;

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
body{
	min-width: 1255px;
	min-height:840px;
	height: 100%;
        /*je voudrais que IE ne lise pas cette ligne*/
	background: #FFFFFF url(../images/fondPage.png) repeat-x;
        /*mais plutot celle ci qui fait appel a une fonction spéciale de IE*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B7D0E6', EndColorStr='#FFFFFF');
	z-index: 1;
}

le background image est une image de 1*1000px avec un degradé du bleu clair vers le blanc (tout comme le degradé IE en dessous)
Mon problème est que si il y a un background + un filter, je me retrouve avec un degradé principal sur le body + un autre degradé sur le reste de la page.

Ce problème n'est que avec IE mais pas avec firefox (normal il ne connais pas filter).

J'aimerais donc savoir si il est possible avec un hack css de forcer IE a ne PAS LIRE cette ligne, et ne pas devoir faire 2 css differentes (c'est une solution mais si c'est juste pour une ligne je fais mon feignant)

[michel.bosseaux]

Deux CSS différents pourquoi faire ?

Ton CSS peut très bien être une page PHP (ou asp) qui, selon ce qu'on lui passe comme paramètre (dans ton cas, arrange toi pour lui passer le nom du navigateur) affiche une ligne ou une autre

[desert]

Bonjour,
Pourquoi utiliser une image png qui joue avec la transparence ?
La balise body est ta première balise visible, ce qui veut dire qu'il n'y a rien derrière (à part la balise html mais je doute que tu l'utilises). La transparence n'a donc pas d'intérêt ici. Il te suffit simplement de créer ton dégradé sur fond blanc (et pas sur fond transparent).

[lifty]

Bonjour,
Pourquoi utiliser une image png qui joue avec la transparence ?
La balise body est ta première balise visible, ce qui veut dire qu'il n'y a rien derrière (à part la balise html mais je doute que tu l'utilises). La transparence n'a donc pas d'intérêt ici. Il te suffit simplement de créer ton dégradé sur fond blanc (et pas sur fond transparent).

a vrai dire l'image n'est pas transparente j'ai un fond blanc pour le cas où ma page fait plus de 1000px de hauteur (mais bon c'est blanc de base il me semble donc ce rajout est peut être inutile). Sans doute que le png n'est pas le bon format à utiliser ici (question d'habitude avec toshop )

[desert]

Désolé, j'ai lu entre les lignes. J'ai cru que tu utilisais un autre filtre (AlphaImageLoader).
Tu peux utiliser les commentaires conditionnels pour ton problème.
Une feuille de style avec ce code :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body {
    min-width: 1255px;
    min-height:840px;
    height: 100%;
    background: #FFFFFF url(../images/fondPage.png) repeat-x;
}

Et le commentaire conditionnel qui va bien dans la balise head :

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<!--[if IE]>
    <style type="text/css">
        body {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B7D0E6', EndColorStr='#FFFFFF');
        }
    </style>
<![endif]-->