100%宽度div滚动条

时间:2012-06-23 09:12:29

标签: html internet-explorer

我正在制作一个固定背景和可滚动的居中文字的网页。

我首先设置了html和body样式:

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

然后是页面:

<body>
<div style="position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:0;">
<img src="background.jpg" align="center" width="100%" height="100%" />
</div>
<div style="position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; overflow:auto; z-index:1;">

在Safari下,Chrome,Firefox和Opera效果很好。在IE8下(我没有机会,我真的不想,在IE7下测试,IE9等等......)显示两个垂直滚动条,一个接一个:

enter image description here

这个垃圾有解决方案吗?

0 个答案:

没有答案