2010-09-04 36 views
0

我一直在爲此而努力了幾個小時了,我想知道如果你們對這個有什麼想法全寬背景..HTML/CSS問題..沒有滾動

客戶端需要一個漂亮的大背景在網站上的圖像。我不能將此圖像用作身體或任何div的背景,因爲我不希望它水平裁剪。如果瀏覽器的寬度較小,背景應該縮小。

所以我只是使用帶有絕對定位和z-index的img標籤。

但是(這是棘手的地方),圖像非常高,我不想在有用的內容之後在側面滾動條。

溢出=隱藏在身體上是無用的,因爲如果內容太多,但確實需要滾動條,但圖像更小。

overflow =隱藏在具有高度,最小高度和最大高度集幷包含圖像的div上,似乎不起作用。我不知道爲什麼。

最小高度,最大高度和高度對身體標籤也不起作用。

任何有幫助的想法?我認爲這是可以通過javascript來實現的,但我不想在每次窗口大小調整時都運行腳本。我更喜歡html/css解決方案

PS:我現在打開所有瀏覽器(opera,safari,ie8,firefox,chrome),這不僅僅是瀏覽器問題。

回答

0

我現在不能建立一個測試用例,但一個 絕對 固定放置divposition: fixed; width: 100%; height: 100%; overflow: hidden和內側width: 100%可能像這樣的伎倆。它會將圖像縮放到窗口寬度,但不會創建水平滾動條。

頁面的其餘部分可能需要z-index才能顯示在div之上。

請注意,body將不得不有min-height: 100%這個工作。

position: fixed在IE中不起作用< 7.