CSS圖像問題

Question

我有一些問題將圖像放入背景中，我的意思是，我有一個圖像在上面，實際上是2000x550像素，然後我需要離開200px（垂直）並放置另一個圖像也包括所有的中心和他們的一個圖像到頁腳。

你認爲最好是讓一個完整的圖像成爲一個地方嗎？完整大約30KB。或者有什麼辦法可以用css來放置它？

親切的問候

Answer 1

你應該能夠用css z-index來實現這一點。請參閱以下鏈接瞭解更多信息：

Z-指標

W3C學校解釋： http://www.w3schools.com/Css/pr_pos_z-index.asp

從碎雜誌的z-index的有深入的解釋： http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

Answer 2

要回答如何標題圖片放置的問題，最好的方法是定義一個div與指定的高度（一個550px高大的頭似乎非常大的給我，但嘿，它的您的網站）和寬度（可能設置爲100％），並使用background-image css屬性將圖像放置在那裏。這將防止任何橫向滾動。

Answer 3

的樣本已經歷什麼上去與樣品圖像會很好。儘管您的描述聽起來像是您沒有正確實施z-index。我的猜測是你需要聲明你添加z-index的div的位置。即使它是位置：相對的，你仍然需要聲明它或者z-index不起作用。

- 編輯爲真正的答案 -

看你的圖片後，這實際上並不難實現。這裏是我會怎麼做 -

1. 設置BODY的背景爲白色和綠色/粉紅色/灰色背景：

   體{背景：網址（圖像/綠粉gray_bg.png ）#FFF不重複;}

2. 設置DIV的灰色圖像的背景 -

   DIV＃灰色背景{：URL（圖像/ gray_bg.png）#FFF不重複;}

沒有必要設置任何東西的z-index，因爲具有灰色背景的div已經在頁面的BODY的「頂部」。使用具有透明背景的PNG圖像將允許白色背景通過任何未被其中一個背景圖像覆蓋的地方顯示。