如何在IE8中获得完整的页面背景?

时间:2013-09-01 01:12:28

标签: css3 html background

如何在IE8中获得完整的页面背景?它在firefox和chrome中运行良好。我指定了1000px div的背景。但我愿意指定正文或html的背景。谢谢你的时间。史蒂芬

<!doctype html>
<html>
<style>
html { 

}

div.whole{width="1000px";margin:0 auto;border-style:solid; border-width:0px;height:100%;padding:0px;

background: url(images/parchment.png) no-repeat center center  fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 height:100%;
width:100%
}

div.image{position:relative; top:50px;left:900px;width:300px; border-style:solid;border-width:0px;}



@font-face
{
font-family: myFirstFont;
src: url(pachs___.ttf);
}

div.text{position:relative;left:250px;top:-300px; font-family:myFirstFont; font-size:250%;border-style:solid;border-width:1px;
width:600px;}


</style>

<body>
<div class="whole">

    <div class="image">
    <img src="images/tran.png" width="282px" height="381px" class="tran">
    </div>
        </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

div.whole需要低于html,body标签。您没有正确构造它,因为首先出现的元素充当第二个元素的容器。这是一个习惯,你需要进入即使用CSS。您还需要指定高度,我建议使用百分比值以确保其覆盖率为100%。只需用100%替换1000px即可。如果你想要html和body的背景,你需要在它们自己的括号内指定。