多种方法使背景图片占据整个屏幕

一直以来，背景图片的处理在网页设计中都是一个备受关注的问题（尤其是对于我们这些初学者来说）。今天，我想和大家分享几种处理背景图片的方法。

我们可以使用CSS处理方法，特别是针对Internet Explorer（IE）。代码如下：

```css

backGroundImg {

background-image: url("X.png");

background-repeat: no-repeat;

filter:progid:dximagetransform.microsoft.alphaimageloader(src='X.png', sizingmethod='scale'); /这个滤镜的具体细节，大家可以Google一下/

}

```

第二种方法是让背景图片的大小足够大。通常，我们设计的图片都是1440900的极限尺寸，并居中显示，这样可以适应大部分屏幕。但随着显示器越来越大，尤其是Mac下的Retina超高分辨率屏幕，如果分辨率超过了背景图的大小，边缘就会显示出背景色。最直观的方法就是不断增大背景图的大小，只要超过主流浏览器的最大分辨率即可。这种方法也有明显的缺点，过大的图片会严重影响网页的加载速度。

第三种方法则是使用JavaScript或jQuery来控制图片大小。这种方法会在网页中加入一个标签，将z-index设置得低一些，然后用Js/jQuery来监视窗口大小，并据此改变图片的长宽。当图片被过度拉伸或压缩时，效果可能会非常糟糕。如果屏蔽了右键功能，可能会给用户带来不便；如果不屏蔽，又可能暴露出一些问题。

第四种方法则是利用元素的自适应特性。和第三种方法类似，如果是整个网页的背景，我们可以在标签后马上加入标签，并通过CSS设置width和height为100%，这样图片就会随着浏览器的放大缩小而自动缩放。这种方法也有和第三种方法类似的缺点。

以上几种方法各有优缺点，需要根据具体需求和情况选择适合的方法来处理网页背景图片。作为网页设计初学者，我们需要不断学习和更好的解决方案，以提供更好的用户体验。

至于Cambrian的渲染方法（'body'），具体细节可能需要进一步的研究和。