解決CSS中圖片蓋住文字的問題，可以通過調(diào)整圖片和文字的相對位置來實現(xiàn)，以下是一些具體的方法：

1、調(diào)整圖片位置：在CSS中，可以使用position屬性來調(diào)整圖片的位置，將圖片設(shè)置為相對定位（relative）或***定位（absolute），然后調(diào)整其top、right、bottom和left屬性，可以改變圖片與文字之間的相對位置。

2、使用z-index：z-index屬性用于設(shè)置元素的堆疊順序，通過增加圖片的z-index值，可以使其顯示在文字的上方，將圖片的z-index設(shè)置為一個較大的值（如999），可以確保其始終顯示在文字的上方。

3、使用CSS Flexbox：Flexbox是一種用于創(chuàng)建靈活布局的CSS技術(shù)，通過將圖片和文字包裹在一個Flex容器中，并設(shè)置適當?shù)腇lex屬性，可以輕松地調(diào)整它們之間的相對位置。

以下是一個使用Flexbox解決圖片蓋住文字問題的示例代碼：

.container {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}
.image {
  z-index: 999; /* 確保圖片顯示在文字的上方 */
}

<div class="container">
  <img class="image" src="path/to/image.jpg" alt="圖片">
  <p>這是一段文字，不會被圖片蓋住。</p>
</div>

在這個示例中，圖片和文字都被包裹在一個名為.container的Flex容器中，通過調(diào)整容器的align-items和justify-content屬性，可以輕松地調(diào)整圖片和文字之間的相對位置，通過增加圖片的z-index值，可以確保其始終顯示在文字的上方。