背景圖片不滾動？

我的背景圖片沒有向上和向下滾動，否則它向下滾動太多。我希望它向下滾動到背景圖像的底部，然後停止。背景圖片不滾動？

<head> 
<style type='text/css'> 
.noWhiteSpace { 
margin-left:0; 
margin-right:0; 
margin-top:0; 
background-color:#F4F7E3; 
background-image:url('/front_page.jpg'); 
background-repeat:no-repeat; 
background-size:100%; 
height:180%; 
} 
.words { 
font-family:Madelinette; 
text-align:center; 
margin-left:25%; 
margin-top:10%; 
} 
#lineOne { 
color:#5f4e2b; 
font-size:5em; 
} 
#lineTwo { 
color:#629040; 
font-size:4em; 
padding-bottom:2%; 
} 
#otherLines { 
color:#952221; 
font-size:2em; 
} 
</style> 
</head> 
<body class='noWhiteSpace'> 
<div class='words'> 
<div id='lineOne'>Crafters &nbsp;Resale</div> 
<div id='lineTwo'>blah</div> 
<div id='otherLines'>blah<br>blah<br>blah<br>blah<br>blah</div> 
</div> 
</body>

來源

2013-07-13 user1140067

'background-attachment：scroll'表示它滾動顯示內容。如果您的內容不夠長，則不會滾動。它不獨立於容器。 – kalley

發佈你的問題的相關代碼，它會幫助我們回答你的問題 – vals

background-attachment：scroll默認情況下不需要指定。你的圖像不能滾動，因爲你的身體沒有足夠的高度嘗試在CSS中明確給出高度，或者只是在你的身體中添加更多的內容。

希望這會對你有所幫助，但是如果你問的不同，請詳細說明。

來源

2013-07-13 03:59:07 user2576951

我試圖添加100％的高度，並拉伸/沖洗圖像。我怎樣才能以適合不同屏幕尺寸的方式設置高度？我還嘗試在正文結束之前添加一些文本，但並未改變頁面的外觀。 – user1140067

高度爲100％意味着您的整個內容將被顯示，但哥們背景圖像不會被計入內容中（如果您添加img標籤，那麼它將被計數）。所以你需要給px中的img賦予相同的高度。例如。

.noWhiteSpace { 
    height: 2222px; /* I think that was your background-img height */ 
    /* your other styling .... */ 
}

來源

2013-07-13 13:48:39 user2576951

背景圖片不滾動？

回答

相關問題