在CSS中，您可以使用position屬性將文字放置在圖片上，以下是一個簡單的示例：

1、創(chuàng)建一個HTML文件，并在其中添加圖片和文本元素。

<div class="image-container">
  <img src="your-image-url" alt="Your Image">
  <div class="text-container">
    <p>Your Text</p>
  </div>
</div>

2、使用CSS來設(shè)置position屬性，使文本能夠浮在圖片上。

.image-container {
  position: relative;
  width: 300px; /* 您可以根據(jù)需要設(shè)置圖片的寬度 */
  height: 200px; /* 您可以根據(jù)需要設(shè)置圖片的高度 */
}
.text-container {
  position: absolute;
  top: 0; /* 文本距離圖片頂部的距離 */
  left: 0; /* 文本距離圖片左邊的距離 */
  width: 100%; /* 文本的寬度 */
  height: 100%; /* 文本的高度 */
  background-color: rgba(255, 255, 255, 0.5); /* 設(shè)置背景色為半透明白色 */
  padding: 10px; /* 設(shè)置文本的內(nèi)邊距 */
  box-sizing: border-box; /* 讓寬度和高度包含內(nèi)邊距 */
}

在這個示例中，position: relative將圖片設(shè)置為相對定位，然后position: absolute將文本設(shè)置為***定位，通過top和left屬性，我們可以控制文本在圖片上的位置，我們還設(shè)置了一些其他樣式，如背景色和內(nèi)邊距，以使文本更加美觀。

這只是一個簡單的示例，您可能需要根據(jù)自己的需求進行調(diào)整，它應(yīng)該能夠為您提供一個基本的框架，以便在CSS中實現(xiàn)文字浮在圖片上的效果。