CSS3背景圖片固定住，滾動(dòng)條滾動(dòng)浮動(dòng)在固定位置，這種效果網(wǎng)上看到很多。有一種視覺(jué)差的酷炫效果，一般大氣的企業(yè)網(wǎng)站會(huì)非常常見(jiàn)，這種CSS效果運(yùn)用的好會(huì)讓網(wǎng)站非常大氣上檔次。
今天站長(zhǎng)圖庫(kù)分享給大家，其實(shí)非常簡(jiǎn)單。
background-attachment: fixed;
CSS3的屬性，background-attachment 屬性設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。默認(rèn)值：scroll 繼承性：no 。
有三個(gè)常用屬性選擇：
scroll 默認(rèn)值。背景圖像會(huì)隨著頁(yè)面其余部分的滾動(dòng)而移動(dòng)。
fixed 當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。
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;
}
