蠻常見到有人問說,要如何才能讓背景圖片不管卷軸拉到那邊都不會變?這其實只要透過設定 background-attachment 就能達到該效果了。
Body其實并不用做任何設定,這邊我為了讓網頁有卷軸,所以在pre包起一段話:
 HTML
接著來看CSS中的語法:
 CSS
只要把 background-attachment 設成 fixed 就能固定背景圖片了。若是要取消固定的話,只要把 background-attachment 拿掉或是設成 none 就行了。而其中的 background-repeat 設成 no-repeat 是避免當背景圖片太小張時,讓它不要重覆的顯示。
還有另一種常見的情況是,背景圖片本身就只是小小張的,但想讓它固定在網頁的某一位置的話,我們除了用 background-attachment 之外,還要搭配 background-position 來一起使用。
新聞熱點
疑難解答