Фиксация фонового размера 100% для IE8?

Question

У меня есть следующий css, чтобы получить фоновое изображение, чтобы растянуть 100% внутри раздела.

.sectionclass { 
    background: url('../img/bg.png') 50% 0 no-repeat fixed; 
    background-size:100%; 
    width: 100%; 
    position: relative; 
    line-height: 2; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMethod='scale'); 
} 

Он хорошо работает в последней версии IE, но когда я смотрю на IE7 или IE8 фон не будет идти всю ширину. Каким будет самый простой способ решить эту проблему?

Answer 1

В отличие от всех других url() путей в CSS, которые относятся к каталогу, в котором находится ваша таблица стилей, путь src относится к той странице, где используется таблица стилей.

Например, если страница находится в корневом каталоге, и ваша таблица стилей находится в своем собственном каталоге рядом с img каталога (отсюда и потребность в ..), вам необходимо изменить src, чтобы сделать его по отношению к корневой каталог, например, так:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg.png', sizingMethod='scale') 

Answer 2

.yourclass { 
    background:url(image-path) repeat fixed 100% 100%; 
    background-attachment:fixed; 
    background-size:100%; 
    background:url(image-path) repeat fixed center center\9; 

    /*IE 9*/ 
    background:url(image-path) repeat fixed top 100%; /* IE9 */ 
    background-attachment:fixed; /* IE9 */ 
    background-size:100%; /* IE9 */ 
}