我如何設置固定的背景並在CSS中滾動？

我該如何設置一個固定的背景並在css中滾動？而且我一直都試圖設置背景涵蓋所有尺寸由我總是用模糊的背景:(結束我如何設置固定的背景並在CSS中滾動？

IM相對較新，在這所以請不要對我做出判斷，這是我的CSS：體 #bg { 寬度：100％; 高度：100％; 位置：絕對; 左：0像素; 頂部：0像素; z索引：0; 背景附件：固定;
}

.stretch 
{ 
width:100%; 
height:100%; 
background-attachment:fixed; 
}

來源

2014-03-06 Jc23

像這樣：

這種操作是固定的，設定的身體100％，使全屏幕：http://jsfiddle.net/X8Z2v/4/

這一個是通過滾動：http://jsfiddle.net/X8Z2v/5/

html, body { 
     height:3000px; 
     margin:0; 
     padding:0; 
    } 
    .stretch { 
     position: absolute; 
     left:0; 
     right:0; 
     top:0; 
     bottom:0; 
     background-image: url(http://www.placehold.it/2000x1000); 
     background-size: cover; 
     background-repeat: no-repeat; 
     background-position: center; 
     background-attachment: scroll; 
    }

HTML

<div class="stretch"></div>

來源

2014-03-06 17:29:46

我希望能夠滾動和背景不移動，只是元素，所有我的元素的位置都設置爲絕對，並且你知道我可以如何設置背景就像在你的例子中你沒有丟失標題？ – Jc23

你想爲你的頁面上的正文背景嗎？這將是：http://jsfiddle.net/X8Z2v/6/ –

whups。給背景圖像''以及.... http://jsfiddle.net/X8Z2v/7/ –

我如何設置固定的背景並在CSS中滾動？

回答

相關問題