概要
画像編集ソフト等では、透過色をグレーと白の市松模様で表現します。
本投稿では、それを背景にするCSSコードを記載します。
CSS
body {
background: url(data:image/gif;base64,R0lGODlhEAAQAPEBAAAAAL+/v////wAAACH5BAAAAAAALAAAAAAQABAAAAIfjG+iq4jM3IFLJipswNly/XkcBpIiVaInlLJr9FZWAQA7) fixed;
}
詳細
市松模様を構成する画像を、body要素の背景画像として設定しているだけです。
画像はdata URLで記述しています。これにより、画像をダウンロードする負荷をブラウザにかけずに市松模様を利用できます。
画像はGIFを利用し、更にGif Reducerで画像容量を縮小しています。
fixedを指定することで、スクロールしても画像を動かないようにしています。