Jquery更改body <tag> </tag>中的背景图像属性

Question

如何更改正文中的背景图像属性...

CSS代码：

body
{
   background-image:url('...');
   repeat:repeat-x;
   height:100%;
}

如何将高度值设置为动态...（更改不同屏幕尺寸的高度）？

我的想法是使用Jquery获取屏幕高度值：$(window).height();

但我真的不明白在CSS CODE中如何处理...

我真的不明白为什么height:100%没有完成这项工作。

Answer 1

您还应该将高度：100％设置为HTML标记然后它将起作用。例如，将以下内容添加到CSS中：

HTML, BODY { height: 100%; }

Answer 2

height:100%并不总是按照您的预期行事，特别是一旦设计开始变得更复杂。如果调整高度不适合您，您可能需要考虑查看$(window).scroll()事件。在那里，您可以手动计算并设置页面所需的确切高度。