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

サイトの背景をスクロールで固定する方法 初歩的なCSS
このエントリーをはてなブックマークに追加
PR

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

コード

background-attachment: fixed;

 

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

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

 

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

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)