HTML：帶有絕對位置的圖像，文本流過。怎麼做？

Question

我試圖修改一個不是由我寫的代碼，所以我只想修改必要的內容，以免搞亂整個網站。

我想要實現這個 http://www.yourhtmlsource.com/examples/positioning1.html

但在背面的圖像，而不是在文本的前面之中。

我該如何做到這一點，而不使用位置：絕對文本？

（出處：http：//www.yourhtmlsource.com/stylesheets/csslayout.html）

Answer 1

只需添加一個z-index

z-index:1;到圖像

z-index:2;到文本的DIV

Answer 2

這聽起來像你試圖設置背景圖像。在這種情況下，您需要使用類似

body { 
    background-image: url("http://yoursite.com/images/image_name.gif"); 
    background-position: 50% 50%; 
    background-repeat: no-repeat; 
}