Question

我需要背景图像保持居中，因为我要在固定位置显示图表，并希望面包车（在图像中）始终可见。它在Chrome等方面运行良好，但IE8中没有任何内容。

http://clients.online95.com/RzMaOxkMOC/rep_mktsh.php

感谢您提供任何帮助。

#aa_breakdown_bg {
background: url(/RzMaOxkMOC/images/aa_breakdown_bg.jpg) center top no-repeat fixed;
overflow: hidden;
height: 100%;
} 


<html lang="en">
<head>
    <title>UK Breakdown Market Tracker</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <script type="text/javascript">
        window.history.forward();
        function noBack() { window.history.forward(); }
    </script>
</head>
<body onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">   

<div id="aa_breakdown_bg"></div>

</body>
</html>

Answer 1

我的猜测是，当你的div高度为100％时，这是100％的零。尝试将body和html元素同时拉伸到100％，然后看看是否有效。

body, html {
    height: 100%;
}

另外，正如Adrift提到的那样，在向HTML中添加适当的DOCTYPE会更好，否则Internet Explorer可能会在“quirks mode”中运行并且真的让您感到困惑。

我的div背景图像没有在IE8中显示

1 个答案: