фон не отображается в IE, но отлично работает в Chrome

У меня есть следующий код HTMLфон не отображается в IE, но отлично работает в Chrome

HTML:

<html> 
<head> 
<link href="css/main.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<div id="page-back"> 
<img id="bg" src="background.jpg" width="100%" height="100%" > 
</div> 
<center> 
<div id="content" align="center"><br> 
<a href="#">Souvenir</a><br><br> 
<a href="#">Gallery</a><br><br> 
<a href="#">Presentations</a><br><br> 
<a href="#">Principal's Message</a><br><br> 
<a href="#">About</a><br><br> 
</div></center> 
</body> 
</html>

и CSS:

@charset "utf-8"; 
html { 
    overflow-y:hidden; 
} 
body { 
    overflow-y:auto; 
} 
html, body { 
    height:100%; 
    margin:0; 
    padding:0; 
} 
#page-back { 
    position:absolute; 
    z-index:-1; 
} 
#content { 
    width: auto; 
    height: 530px; 
    margin-top: 200px; 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    overflow-y: auto; 
    font-size: 30px; 
    font-family: "Century Gothic"; 
    margin-bottom: 0px; 
    margin-right: 0px; 
    margin-left: 0px; 
} 
#content a { 
    text-decoration: none; 
    color: #000000; 
}

Этот код работает в Chrome, но в IE изображение

<img id="bg" src="background.jpg" width="100%" height="100%" >

не отображается. Пробовал много вещей, но ничего не работает!

Что следует изменить?

Thank you

источник

2014-02-04 Aditya Vikas Devarapalli

его IE 8 @ EricLaw –

Режим прикосновения @ EricLaw –

... И если вы измените его на режим стандартов IE8? – EricLaw

Попробуйте добавить позицию: relative; к тегу #bg. Я предполагаю, что, поскольку вы используете z-index, что-то еще может быть на нем, заставляя его не отображать. Если не дайте мне знать, и я помогу в этом.

# page-back с абсолютной позицией также может вызывать эту проблему.

источник

2014-02-04 21:16:41

, которые не вносили никаких изменений! @Barret –

Вы должны использовать свойство CSS background-image (например, на вашем html), чтобы установить фоновое изображение для вашего сайта, я не думаю, что у вас возникнут проблемы с совместимостью.

источник

2014-02-04 21:19:10 Zealot

, что не помогло @Zealot –

фон не отображается в IE, но отлично работает в Chrome

ответ

Смежные вопросы