CSS3背景圖片固定住,滾動條滾動浮動在固定位置,這種效果網上看到很多。有一種視覺差的酷炫效果,一般大氣的企業網站會非常常見,這種CSS效果運用的好會讓網站非常大氣上檔次。
今天站長圖庫分享給大家,其實非常簡單。
background-attachment: fixed;
CSS3的屬性,background-attachment 屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。默認值:scroll 繼承性:no 。
有三個常用屬性選擇:
scroll 默認值。背景圖像會隨著頁面其余部分的滾動而移動。
fixed 當頁面的其余部分滾動時,背景圖像不會移動。
inherit 規定應該從父元素繼承 background-attachment 屬性的設置。
完整代碼案列
.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; }