多個背景圖片

首先，一個警告，我從html/css的幾年休息回來，幾乎忘記了一切，所以我再次在新手級別。多個背景圖片

我一直在試圖添加背景圖片 - 一個在左上角，一個在右下角。現在我可以看到：http://test.nihongohub.com/Mainsite/firstsite.php，如果你改變瀏覽器的寬度，那麼包含img的div會觸發我的主要部分並毀掉它。

我已經嘗試了一些修復堆棧溢出，但他們都沒有工作。有沒有人有任何建議如何解決這個問題。一位朋友建議我將這個img添加到頁腳並擠出來，但我不喜歡這個想法。

2件事我希望這個圖像做的事情，移動瀏覽器窗口，並能夠在我的主頁後面。

感謝所有幫助提供

來源

2011-02-18 babyrats

絕對需要跨瀏覽器嗎？ [CSS 3支持多個`background-image`s]（http://www.css3.info/preview/multiple-backgrounds/）（儘管[也是如此/應該CSS 2]（http：//www.quirksmode。組織/ CSS/multiple_backgrounds.html））。 – 2011-02-18 13:55:09

我更喜歡它是跨瀏覽器，因爲我嘗試學習非常簡化的CSS/HTML。 – babyrats 2011-02-18 16:42:53

你可以嘗試使用固定的定位和使用的z-index將其移動到後面，即。

#bottom_leaf_holder { 
    position: fixed; 
    bottom: 50px; 
    right: 0; 
    z-index: -1; 
}

編輯：我修fixed，改變了答案。

來源

2011-02-18 13:49:27 Exelian

你可以把你的所有內容放在一個div中，然後向該div添加一個css規則。像

#main_holder { 
    background: transparent url('img.jpg') no-repeat bottom right; 
}

來源

2011-02-18 13:52:41 radonys

的最佳解決方案這樣的東西將是剛纔只包含背景圖片body標籤內的包裝股利。這將與body標籤類似，允許您放置不干擾佈局的圖像，並在視口很小的情況下放置在內容下方。

來源

2011-02-18 15:28:43 sweetroll

多個背景圖片

回答

相關問題