Я пытаюсь растянуть фоновое изображение, чтобы оно всегда заполняло окно.
С помощью CSS3 я справился с этим в Mozilla и Chrome, однако борюсь в IE. Я уже делал это раньше в IE, но на этот раз он не работает, вот мои HTML и CSS:
HTML5:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<title>IndieCity.com Signup</title>
<!-- CSS gets included here -->
</head>
<body>
<div id="background"></div>
</body>
</html>
CSS:
div#background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
min-width: 1024px;
min-height: 768px;
display: block;
background: url(../img/theme1.jpg) no-repeat;
background-size: 100%;
-moz-background-size: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/theme1.jpg', sizingMethod='scale');
}
Я использую IE8.