IE6はなんとかpngがだめなのでなんとかgifを使ってなんとかしたら、なんとなくなんとかなった

背景を半透明にするには、FireFoxなどは

background-color: rgba(??, ??, ??, ??);

で簡単に出来るようだが、IE6は対応していないとの事。
filterを使えばIE6でも簡単に出来るが、ActiveXがONになってることが条件でしかも重い。
そこで、数年前に或るサイトで知った方法を使ってみた。
透過gif?というのか、それを使った。



↑テキストエリア


青のgif画像をズームアップ↓。
1ドットおきに青、透過を繰り返し、それを背景画像に設定すると半透明に見える(pngでも可←うそです)
ただ、小さい字などが混じると崩れるのが難。
ちなみに300x300(偶数x偶数?)ピクセルにしてみたところ、repeatしてもうまいように繋る感じだ。

もっと簡単な方法もある気がするが・・・・・・。


保存してご自由に使ってやってください。
アオ  キイロ  ミドリ  アカ  クロ  シロ