文字浮在圖片上方普遍使用的有2種方法
方法一：將圖片設為div的背景
HTML代碼：
1 <div style="width: 200px;height: 50px;background: url('1.png');background-repeat: repeat;margin: 0 auto;"> 2 <p>文字浮在圖片上方</p> 3 </div>
效果圖：
方法二：利用圖層方法
HTML代碼：
1 <div style="width: 200px;height: 50px;margin: 0 auto;position: relative;z-index: 1;"> 2 <img src="1.png" style="width: 200px;height: 50px"> 3 <p style="position: absolute;z-index: 2;left: 0;top: 0;">文字浮在圖片上方</p> 4 </div>
效果圖：
-----------------
代碼中的css代碼粗糙，未加修飾！