TopImage

透ける背景 テスト

ちょっと背景を変えてみるテスト。

画像が重いね・・・。

通常のページに使うにはイマイチかな・・・





  1  2  3  4  5 
  −  −  −  −  − 
  −  −  −  −  − 
  −  −  −  −  − 
  −  −  −  −  − 
  −  −  −  −  − 
テーブル入れると、どうよ?
インパクトはそれなりに有りそうだけど、読みづらいね。


というか、「画像選択のセンス無い!」








何してるの?
メモですので、忘れないうちに、何してるか書いておくかな。
body{
			background-image:	url(bg1.jpg);
			background-repeat:	no-repeat;
			background-attachment:	fixed;
		}

div{
			background-image:	url(bg2.jpg);
			background-repeat:	no-repeat;
			background-attachment:	fixed;
		}
CSSで、BodyでHP全体の画像を固定して表示。
背景を変えた要素(例は div要素に使ってますが背景を指定できる要素なら何でもOK)にも、同じように固定したちょっと変えた画像を指定。

これで背景と変化画像が、同じ位置に固定されるので、スクロールさせると、その部分だけが変化したように見える訳です。

今回は、色を変えてぼかした画像を用意して半透明風にしてますが、着衣&脱衣の画像を用意すれば、一部分だけ脱げて見えるなんて事もできちゃうわけですね。そういうサイトじゃないから実例は作りませんけどね。












背景を見せるために、無駄に改行(汗












「密かに、クマー対策!」























もっと、小さい要素を指定すれば良かったかも・・・・