CSS設(shè)置背景圖片并添加文字的方法

在CSS中，我們可以使用background-image屬性來設(shè)置背景圖片，并使用position屬性來控制圖片的位置，我們還可以使用z-index屬性來控制文字的疊加順序，下面是一個簡單的示例代碼：

body {
  background-image: url('path/to/your/image.jpg');
  position: relative;
}
div {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 1;
}

在上面的代碼中，body元素設(shè)置了背景圖片，并使用position: relative;來使其子元素可以相對于它進行定位。div元素則使用position: absolute;來使其可以脫離文檔流，并可以通過top和left屬性來控制其位置，通過z-index: 1;來控制文字的疊加順序，使其顯示在背景圖片之上。

需要注意的是，如果背景圖片較大，可能會導致文字顯示不清晰，這時，我們可以使用background-size屬性來控制圖片的大小，或者使用transform屬性來縮放圖片，還需要注意文字的顏色和字體大小，以確保文字能夠清晰地顯示在背景圖片之上。