0

Мне очень сложно отображать фоновое изображение на старых версиях IE (6-8).Фоновое изображение, не отображающееся на старых версиях IE

Вот мой код:

#top 
{ 
background-image: url(http://some-domain.com/myimage.jpg) no-repeat; 
background-color:#830703; 
border-bottom: 1px solid #303130; 
height: 128px; 
width:100%; 
overflow: hidden; 
zoom:1; 
} 

Я попробовал написать его по-разному, но это не сработало.

У кого-нибудь есть идеи?

+0

'фоновое изображение: URL (http://some-domain.com/myimage .jpg); background-repeat: no-repeat; 'либо тот, либо просто' фон: url (http://some-domain.com/myimage.jpg) no-repeat; ' – Pebbl

ответ

0

это не должно на самом деле никогда не показывать правильно, как у вас есть небольшая синтаксическая ошибка. вы смешали фоновое изображение и фоновое повторение. Либо использовать фоновое ярлык или просто разделить их:

background-image: url(http://some-domain.com/myimage.jpg); 
background-repeat: no-repeat; 
+0

Я попытался разбить их, он все равно не работает. – user3069436

+0

Вы могли бы предоставить jsfiddle? потому что это в значительной степени стандартный код, который должен работать везде (и да, даже в IE6 :-)) –

+0

извините, я не знаком с jsfiddle – user3069436

1

Используйте нижеследующее.

#top 
{ 
    background: url(http://some-domain.com/myimage.jpg) no-repeat #830703; 
    border-bottom: 1px solid #303130; 
    height: 128px; 
    width:100%; 
    overflow: hidden; 
    zoom:1; 
} 

Надеюсь, это поможет.

+0

неудачно. – user3069436

+0

Я работал пару раз, и все работает отлично. Покажите свой живой код. - @ user3069436 – Nitesh

+0

работает отлично для меня в эмулированных IE8 и IE7 –

1

Используйте либо один из ниже

background-image: url(http://some-domain.com/myimage.jpg) no-repeat; 
background-color:#830703; 
background-repeat: no-repeat; 

или

background: url(http://some-domain.com/myimage.jpg) no-repeat #830703; 
+0

[Согласен] (http: // stackoverflow.com/questions/20395846/background-image-not-display-on-old-ie-versions/20395879 # 20395879) – Nitesh

+0

обычно некоторый дополнительный текст для объяснения решения хорош, но поскольку само решение является правильным, я поддерживаю имя asker :) –

1

пожалуйста, следуйте

background:#830703 url('http://ssl.gstatic.com/gb/images/v1_53a1fa6a.png') no-repeat;
+1

обычно какой-то дополнительный текст, чтобы объяснить решение, приятно, но поскольку само решение правильно, я поддерживаю имя ажиотажа :) –