我正在制作一个具有固定背景和可滚动居中文本的网页。
我首先设置了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 等下测试...)显示两个垂直滚动条并排:
有没有办法解决这个废话?