1、ltspan style=quotposition absoluteright 10pxquot123ltspan ltdiv 3瀏覽器運行indexhtml頁面，此時文字成功浮動到了圖片右上方了；lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot *div1下面 包含著1個圖片和1段文字* #div1 position relative*相對定位* width 267px height 140px；將DIV的position設(shè)置為relative，利用絕對定位實現(xiàn)同級元素疊加，也可以用Float浮動讓文字疊加在圖像上方 1 2 3 4 ltdiv style=quotpositionrelativequot ltimg src=quotquot ltspan style=quotpositionabsolute left0 top50%quot這里顯示；在html中字浮于圖上的話1通過使用一個div或者是p然后寫上你所需要的字，然后在將那個圖片設(shè)置成背景就行了ltdiv style=#39backgroundurl#39圖片地址#39#39 ltp我是測試文字ltp ltdiv 2你可以使用一個zind；我看了一下你的代碼，你想要的效果跟你的代碼對不上的你可以這么分解 一個圖片+文字說明是一行 這一行里分2列 一列是圖片 一列是文字 全部靠左流動文字說明又分為2行 如圖代碼如下lthtmlltheadlttitle；HTML圖片和文字是并列顯示的如下1 將文字浮在圖片上我們加個div把圖片和文字包在一起，并且加上imggroup和imgtip這兩個class，便于后面的處理我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部。

2、用div+css就可以實現(xiàn) 圖片是一層，文字是一層 當(dāng)兩層的位置是一樣的時候，就會出現(xiàn)圖片上有文字等信息了；在標簽中做背景，然后添加文字就行了 例如 ltdiv style=quotbackgroundimage圖片jpg backgroundrepeatnorepeatquot字體ltdiv。

3、用兩個div，前面div的放圖片標簽，后面div的放文字部分把后面div在css中加入float屬性，浮動起來，這樣它就會“飄”在圖片上面最后利用在css中利用position屬性，就能把圖片和文字定位到合適的位置；一image 作為背景圖片，即backgroundurlquotquot例如如下代碼塊ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二將img塊。

4、你用列表做的話，就這樣寫li background#0CC color#FFF lihover background#9F0 color#FFF fontweightboldhover是偽類，鼠標滑過的效果；ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結(jié)一下這個是在body里面添加一下背景圖片，然后再建div就可以；3接著可以通過url來連接圖片，url里面放置的就是背景圖片的路徑4隨意地放了一張圖片用作背景，一定要注意，路徑要寫對5這樣，保存之后文字就會覆蓋在圖片的上面了；在html文件中，先建立一個div，然后在里面設(shè)置一個圖片和文字h1，如圖所示 現(xiàn)在打開后的樣式是這樣的，如圖，圖片在上，文字在下 然后對h1進行簡單修飾，對文字大小fontsize和文字顏色color加以修飾 如圖所以效果，現(xiàn)在是這樣。

5、可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字二在CSS中對文字圖片進行簡單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三。

6、具體步驟如下1在同一個div里，先書寫一段代碼，如下圖所示，在這個代碼中給dive設(shè)置寬度和高度，這時為了讓文字有一個具體的范圍2找到background，如下圖示，在background的后面添加上圖片作為這個的背景圖案3。