CSS設(shè)置圖片浮于文字上方

在CSS中，我們可以使用position屬性來設(shè)置圖片浮于文字上方，我們需要將圖片的position屬性設(shè)置為relative，然后將圖片的z-index屬性設(shè)置為一個大于0的值，這樣圖片就會浮于文字上方了。

以下是一個示例代碼：

<div>
  <p>這是一段文字，下面有一張圖片。</p>
  <img src="image.jpg" style="position:relative;z-index:1;">
</div>

在上面的代碼中，圖片會浮于文字上方，因為圖片的z-index值大于0，而文字的z-index值為默認值0。

需要注意的是，如果圖片和文字的容器（這里是<div>）的z-index值大于圖片的z-index值，那么圖片仍然會浮于文字下方，在設(shè)置圖片浮于文字上方時，需要確保圖片的z-index值大于容器和文字的z-index值。

如果圖片和文字的容器（這里是<div>）的position屬性值為relative、absolute或fixed，那么圖片的z-index值也會影響到圖片的顯示位置，在設(shè)置圖片浮于文字上方時，還需要注意容器的position屬性值。