在網頁開發中，我們經常需要使用背景圖片來美化頁面。但有時候，我們會發現當背景圖片放大后卻消失了，這是因為背景圖片的放大與其背景區域大小的不一致導致的。

通過CSS設置背景圖片大小有兩種方式：一種是使用background-size屬性，另一種是使用CSS3的background-size屬性。其中，background-size是CSS3新增的屬性，支持更多的值。

/*使用background-size屬性的方法*/
div {
background: url(bg.jpg) no-repeat center center;
background-size: 100% 100%; /*圖片大小鋪滿div*/
}
/*使用CSS3的background-size屬性的方法*/
div {
background: url(bg.jpg) no-repeat center center;
-webkit-background-size: cover; /*圖片鋪滿背景區域*/
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

然而，當我們將背景圖片放大后，發現圖片卻消失了，這是因為背景圖片與背景區域大小不一致導致的。如果我們想要讓背景圖片在放大后不消失，可以為其設置一個合適的背景區域大小。

div {
background: url(bg.jpg) no-repeat center center;
background-size: 100% 100%; /*圖片大小鋪滿div*/
width: 600px; /*背景區域大小為600*400*/
height: 400px;
}

通過設置寬度和高度，我們可以讓背景區域與背景圖片大小一致，從而避免圖片放大后消失的現象。

總之，在設計頁面時，我們應該合理設置背景圖片放大后的背景區域大小，避免圖片因區域大小不一致而出現問題。