CSS引入背景圖片是我們開發(fā)中經(jīng)常用到的一種技術(shù)。但是，當某個頁面上引入了一張較大的圖片，并且我們需要將其作為背景圖片出現(xiàn)時，如何避免圖片模糊或者拉伸的情況出現(xiàn)呢？這時我們需要了解一下CSS圖片可視區(qū)的知識。

CSS圖片可視區(qū)，就是指我們在瀏覽器上能夠看到的圖片區(qū)域。在這個區(qū)域中，我們需要使用以下代碼來設置背景圖片：

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

其中，url()指定圖片的路徑，即我們需要引入的圖片名或鏈接。而background-size指定圖片的尺寸大小，可以有以下幾個可選值：

• auto：默認值，按照原始圖片的尺寸顯示。
• contain：按比例縮小或放大圖片，使圖片完全顯示在元素內(nèi)部。
• cover：按比例縮小或放大圖片，使圖片覆蓋整個元素。

使用contain可以保證圖片能完整顯示，但是會存在有空白區(qū)域或者留白的情況；使用cover則可以讓圖片完全覆蓋整個元素，但是會出現(xiàn)圖片被裁切的情況。

因此，在使用CSS背景圖片時，需要我們根據(jù)具體情況來決定使用哪種background-size屬性值，以達到最佳的展示效果。