CSS在圖片上加彈性盒子，可以通過以下步驟實(shí)現(xiàn)：

1、在HTML中創(chuàng)建一個(gè)div元素，用于承載圖片和彈性盒子。

2、將圖片和彈性盒子分別設(shè)置為div元素的背景圖像和子元素。

3、使用CSS的background-image屬性將圖片設(shè)置為div元素的背景圖像。

4、使用CSS的display屬性將div元素設(shè)置為彈性盒子，即設(shè)置為flex或inline-flex。

5、通過調(diào)整彈性盒子的子元素位置，可以實(shí)現(xiàn)圖片和彈性盒子的疊加效果。

以下是一個(gè)示例代碼：

HTML:

<div class="image-box">
  <div class="elastic-box">
    <!-- 彈性盒子的子元素 -->
  </div>
</div>

CSS:

.image-box {
  width: 300px;
  height: 200px;
  background-image: url('圖片路徑');
  display: flex;
  align-items: center;
  justify-content: center;
}
.elastic-box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)名為image-box的div元素，并將其背景圖像設(shè)置為圖片路徑，我們將image-box元素的顯示屬性設(shè)置為彈性盒子，并通過align-items和justify-content屬性調(diào)整子元素的位置，我們將彈性盒子的子元素設(shè)置為一個(gè)名為elastic-box的div元素，并設(shè)置其邊框和顯示屬性為彈性盒子。