html - 如何通过 HTML 标签和 BODY 标签使用 2 个平铺背景图像

Question

我有一张平铺背景图片，但我想在其上叠加另一张平铺图片。我试过使用:

html {background: transparent url('../images/bgtile.jpg') repeat top center;}
body {background: transparent url('../images/body.png') repeat-y top center;}

但是效果不是很好。 body 标记的行为类似于 div，因为它不会拉伸(stretch)以适合屏幕。

我确定我只是遗漏了一些明显的东西。

Answer 1

试试这个(它适用于 FF3 和 IE7，我假设是 Safari 和 Chrome):

html {
     background: transparent url('../images/bgtile.jpg') repeat top center;
     height: 100%;
}
body {
     background: transparent url('../images/body.png') repeat-y top center;
     height: 100%;
     overflow-y: scroll;
}
html > body {
    min-height: 100%;
    height: auto;
}