背景作成１４■ブロック並べの背景Ｇ透過ドット　　　　　最終修正日 : 2016/04/07

●2016/04/07：即時関数で囲んで、グローバル変数を消しました。
JavaScript と CSS を利用して、背景を作成します。
body に指定した背景画像の上に、透明なドットが並びます。
ソースの中の指定が違うだけで、■背景作成８ブロック並べの背景Ａ格子 と同じ JavaScript です。

透過 PNG で作成したドットやボーダーの素材はフリーのサイト素材で見つけることができますが、好みのサイズ、好みの透過度を見つけることはなかなか難しいです。
でもこの JavaScript なら指定が簡単にできます。ドットの色を複数色にすることもできます。
お気に入りの画像を「 backgroud-size 指定」で拡大表示してボヤケても、透明なドットやボーダーでカバーすれば、お洒落な背景画像に変身します。
実はこれは、■背景作成９ブロック並べの背景Ｂドット に、body に背景画像を指定したのと同じです。
アイディア次第で、いろいろできますよ。
●この見本では body の背景画像は fixed の固定位置指定を必ず付けて下さい。
　固定しないと、スクロールすると、画像からドットがズレていきます。

このJavaScriptは、■面白６マウスでブロック落とし を改造して作成しました。