Я пытаюсь сделать красивую рамку для логотипа, которая будет вставлена в веб-страницу, над которой я работаю.И по какой-то причине IE не будет отображать этот div с исчезающим цветом.Все, что я хочу, - это простой градиент в пустом div с предопределенными размерами.Google Chrome отображает его так, как я хочу, но IE ничего не отображает.И поскольку я скопировал градиентную часть из здесь , не понимая слова, я не могу отладить его.
Вот код (в очень сокращенной версии):
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-8-i">
<style>
#headGreen{
float: left;
margin: 52px 0px 0px 0px;
width : 300px;
height: 30px;
background-image: linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%);
background-image: -o-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%);
background-image: -moz-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%);
background-image: -webkit-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%);
background-image: -ms-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.04, rgb(255,255,255)),
color-stop(0.82, rgb(68,179,68))
);
}
#header{
width: 800px;
height: 100px;
}
</style>
</head>
<body>
<div id="header">
<div id="headGreen"></div>
</div>
</body>
</html>
Я использую IE9, но мне бы хотелось, чтобы он работал и в других.Спасибо:)