サイトの背景をスクロールで固定する方法 初歩的なCSS

Tweet

237

サイトの背景をCSSのbackgroundで指定した場合にスクロールしても移動しないように固定する方法です
一行加えるだけで簡単に出来ます

コード

background-attachment: fixed;

bodyに付けた背景で背景を固定する場合の コード

body {
    margin: 0;
    background: url("img/000.jpg");
    background-attachment: fixed;
}

たまに使う方法で、使う場面が少なくて忘れがちなので忘備的記事です

Tweet

短縮URL:

2014年01月10日 WEB制作系 CSS