CSS3背景圖片固定住，滾動條滾動浮動在固定位置，這種效果網(wǎng)上看到很多。有一種視覺差的酷炫效果，一般大氣的企業(yè)網(wǎng)站會非常常見，這種CSS效果運用的好會讓網(wǎng)站非常大氣上檔次。
今天站長圖庫分享給大家，其實非常簡單。
background-attachment: fixed;
CSS3的屬性，background-attachment 屬性設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動。默認值：scroll 繼承性：no 。
有三個常用屬性選擇：
scroll 默認值。背景圖像會隨著頁面其余部分的滾動而移動。
fixed 當頁面的其余部分滾動時，背景圖像不會移動。
inherit 規(guī)定應(yīng)該從父元素繼承 background-attachment 屬性的設(shè)置。
完整代碼案列
.yjs_main_3 {
width: 100%;
height: 850px;
float: left;
background: url(../img/yjs_main_3_bg.jpg) repeat-y center;
background-attachment: fixed;
overflow: hidden;
}
