DigitalBonsai

Shaping the Web

Happiness is in the doing.

CSS Opacity

Testing Opacity and Alpha Filters in CSS. Note: Object must be absolute in IE to work. The first image's opacity should be lower than the second's.

image with lower alpha
image with higher alpha

Testing IE7's png transparency. The drop shadow should appear properly. (Blue box with drop shadow on a striped field)

testing IE7 16 bit png alpha

Testing IE7's png transparency with floating div over text. (Blue box with drop shadow over text)

text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text

testing IE7 alpha

Testing 8 bit png transparency. The drop shadow should halo just like transparent gif. (Blue box with drop shadow on a striped field)

testing IE7 8 bit png alpha