Вот CSS, который применяет фон так, чтобы он растягивался вместе с окном браузера:
html {
height: 100%;
width: 100%;
}
body {
background: url(images/skyline.jpg) no-repeat center 25% fixed;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale')";
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #ddd;
height: 100%;
margin: 0;
width: 100%;
}
У меня нет проблем при использовании FF, Chrome, Opera или IE9, но в IE8 IE7 и IE6 (не то чтобы я заботился о IE6) ни одна из ссылок не работает.
Когда я отключаю атрибут filter, ссылки снова работают.Я прочитал, что позиционирование относительных ссылок может помочь , но это не сработало, и внешний элемент <body> все равно не позиционируется относительно.
Сайт http://sytko.com. Клиенту было запрошено, чтобы дизайн и макет были такими, поэтому будет сложно представить альтернативы.Любая помощь с благодарностью.