CSS引入背景图片是我们开发中经常用到的一种技术。但是，当某个页面上引入了一张较大的图片，并且我们需要将其作为背景图片出现时，如何避免图片模糊或者拉伸的情况出现呢？这时我们需要了解一下CSS图片可视区的知识。

CSS图片可视区，就是指我们在浏览器上能够看到的图片区域。在这个区域中，我们需要使用以下代码来设置背景图片：

body{
background-image: url(images/background.jpg);
background-size: cover;
}

其中，url()指定图片的路径，即我们需要引入的图片名或链接。而background-size指定图片的尺寸大小，可以有以下几个可选值：

• auto：默认值，按照原始图片的尺寸显示。
• contain：按比例缩小或放大图片，使图片完全显示在元素内部。
• cover：按比例缩小或放大图片，使图片覆盖整个元素。

使用contain可以保证图片能完整显示，但是会存在有空白区域或者留白的情况；使用cover则可以让图片完全覆盖整个元素，但是会出现图片被裁切的情况。

因此，在使用CSS背景图片时，需要我们根据具体情况来决定使用哪种background-size属性值，以达到最佳的展示效果。