試圖獲得使用浮動和包裝的滾動文本的固定背景

我有一個網頁，文本，按鈕和嵌入鏈接都在一個包裝中。除此之外，我使用浮動將它們分開。但是，我試圖添加一個固定的背景，並保持原樣，同時網頁上下滾動。我一直無法做到這一點，從我所做的事情來看，背景圖片要麼停留在網頁的頂部，要麼停留在網頁的底部。試圖獲得使用浮動和包裝的滾動文本的固定背景

我已經使用了CSS是這樣的：

.Background { 
    background-image: url(Background.jpg); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    background-position:top; 
    position:absolute; 
    height:610px; 
    width: 700px; 
    margin:0;}

和HTML我用：

<div><img src="Background.jpg"></div>

我是相當新的HTML和CSS，我很失落。任何幫助將不勝感激。

來源

2016-12-07 Max Biddlecombe

我相信你想是這樣的

<html> 
    <body> 
    <div class="content"> 
     content here 
    </div> 
    </body> 
</html>

，那麼Css

.content { 
    font-size: 55px; 
    background: url(http://cdn2-www.dogtime.com/assets/uploads/gallery/30-impossibly-cute-puppies/impossibly-cute-puppy-8.jpg); 
    min-height: 100%; 
    background-size: cover; 
    background-attachment: fixed; 
}

這裏是一個小提琴，如果它更容易看到 - https://jsfiddle.net/d8vzsbL8/

來源

2016-12-07 10:49:14

輝煌，它的工作原理的魅力！非常感謝你的幫助。 –

試圖獲得使用浮動和包裝的滾動文本的固定背景

回答

相關問題