2014-01-08 146 views
0

所以我有一個大背景1920 * 3500頁,我用這個:滾動到後臺結束

background-image: url(Images/Background%20work/Background-Liquified-home2.jpg); 
    background-size: cover; 
    background-repeat: no-repeat; 

使它自動調整大小,當有人以較低的打開它在顯示器上分辨率,事情是,如果我不把圖像或文字在最後我不能滾動到那裏,所以我插入圖像的結尾,它是好的,但是當我切換到低分辨率的顯示器1920 * 1080的圖像不在背景之中。所以,我可以讓它滾動到壁紙的結尾?

+0

不清楚你問什麼,但:background-position:fixed; ? – Rooster

+0

不,它不工作...所以,我有一個背景圖像,我希望能夠滾動到它的結尾沒有任何圖像或文字在它 – Mortando

+0

你需要設置包含元素的最小高度到背景的高度,然後如果你想使用圖像的實際尺寸。 – Rooster

回答

0

使用媒體屏幕,並將background-size:auto設置爲較低的分辨率。

@media (min-width: 1280px) and (max-width: 1979px) { ... } 
0

沒有名字

圖像/背景%20work /背景 - 液化 - home2.jpg

變化

這是如果一個空間%20

產生

圖片/背景/背景 - 液化 - home2.jpg

background-image: url(Images/Background/Background-Liquified-home2.jpg); 
background-size: 100% 100%; 
background-repeat: no-repeat; 
background-attachment:fixed; 
0

馬爾科Pellicciotta:如果您使用腳本,你可以調用document.body.clientWidth屬性來獲取客戶端瀏覽器的具體寬度,並且晝夜地改變背景圖像。