在CSS中，當(dāng)文字被圖片擋住時，可以通過調(diào)整圖片的位置、大小或文字的位置來解決，以下是一些常見的解決方法：

1、調(diào)整圖片位置：

- 使用position屬性來控制圖片的定位，將圖片設(shè)置為position: relative;，然后調(diào)整其top、right、bottom或left屬性，以改變圖片與文字之間的相對位置。

2、調(diào)整圖片大小：

- 使用width和height屬性來調(diào)整圖片的大小，如果圖片過大，可以通過減小其大小來避免遮擋文字。

3、調(diào)整文字位置：

- 通過調(diào)整文字元素的position屬性，可以改變文字的位置，將文字設(shè)置為position: absolute;，然后調(diào)整其top、right、bottom或left屬性，以改變文字與圖片之間的相對位置。

4、使用z-index：

- 通過設(shè)置元素的z-index屬性，可以調(diào)整元素在層疊上下文中的堆疊順序，較高的z-index值表示元素位于較低值的元素之上。

5、使用CSS Flexbox或Grid布局：

- 利用CSS的Flexbox或Grid布局，可以更加靈活地控制元素之間的位置和關(guān)系，避免遮擋問題。

示例代碼

以下是一個示例CSS代碼，展示了如何調(diào)整圖片和文字的位置：

.container {
  position: relative;
}
.image {
  position: relative;
  top: 0;
  left: 0;
}
.text {
  position: absolute;
  top: 50px;
  left: 50px;
}

在HTML中：

<div class="container">
  <img class="image" src="path-to-image.jpg" alt="Image">
  <p class="text">This is some text that should not be blocked by the image.</p>
</div>

通過調(diào)整.image和.text的top和left屬性，可以確保文字不會被圖片遮擋，如果需要進一步的幫助，請?zhí)峁└唧w的代碼示例或場景描述。