Bonjour, c'est mon premier message sur ce forum donc je me présente un peu,
webmaster débutant depuis janvier 2012 et je rencontre aujourd’hui un problème avec un dégradé en background de mon header, le dégradé avec une image fonctionne parfaitement avec Moz, Chrome,... mais pas avec IE9
pourriez vous m'indiquer un moyen d'afficher mon dégradé derrière mon image avec IE ( pas avec les vielles versions si jamais IE 8 et 9 suffisent),
Merci
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
header {
    width: 940px;
    margin-top: 10px;
    height: 110px;
    background: #cedce7; /* Old browsers */
    background-image: url ('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-moz-linear-gradient(top,  hsla(206,34%,86%,1) 0%, hsla(199,12%,40%,1) 100%); /* FF3.6+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(206,34%,86%,1)), color-stop(100%,hsla(199,12%,40%,1))); /* Chrome,Safari4+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-webkit-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png')center no-repeat,-o-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* Opera 11.10+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-ms-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* IE10+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,  linear-gradient(to bottom,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
Code html : 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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SarkaSM / gallery</title>
<!------------------------------------CSS------------------->
        <link href="sarkasm_css/test.css" rel="stylesheet" />
<!------------------------------------CSS END------------------->
 
</head>
 
<body>
 
<!------------------------------------HEADER--->
<header>
</header>
<!------------------------------------HEADER END--->        
 
</body>
</html>