html中可以用css相對定位讓文字在圖片的上面。

1、新建html文檔，在body標(biāo)簽中添加一個div標(biāo)簽，然后在div標(biāo)簽中添加img標(biāo)簽和p標(biāo)簽，這時文字和圖片是分開的：

2、分別為div標(biāo)簽和p標(biāo)簽添加“position:relative；”和“position:absolute；”，這時p標(biāo)簽和div標(biāo)簽就形成了相對關(guān)系：

3、為p標(biāo)簽設(shè)置“top”和“l(fā)eft”屬性，屬性值為距離頂部和左側(cè)的長度，這時文字就會顯示在圖片的上面：

1、在div里面書寫了一些文字，然后想要在放入一張圖片。

2、首先，我們應(yīng)該先給div設(shè)置寬度和高度，保權(quán)證文字有一個范圍。

3、然后通過background給div添加一張圖片作為它的背景。

4、通過url()來連接圖片，url里面放置的就是背景圖片的路徑。

5、放一張圖片用作背景，注意，路徑要寫對。

6、保存之后文字就會覆蓋在圖片的上面了，而如果使用img標(biāo)簽，則沒有這種效果。