Background-Image examples

On today's call I promised to send this, the code for the proposed 
examples of background-image readability (or lack thereof).

Kai - the images will need to be copied to the w3.org server and the CSS 
adjusted accordingly of course.

Phil.


<div 
style="background-image:url(http://www.fosi.org/projects/MWI/purpledaisy.png);width:9em;color:#ffcccc; 
font-family:sans-serif; font-size:2em; padding-left:0.2em">Pink is 
easily lost on this background</div>
<div 
style="background-image:url(http://www.fosi.org/projects/MWI/purpledaisy.png);width:9em;color:#ffff00; 
font-family:sans-serif; font-size:2em; margin-top:1em; 
padding-left:0.2em">Yellow is barely legible on this background</div>
<div 
style="background-image:url(http://www.fosi.org/projects/MWI/greenery.png);width:9em;color:#ffffff; 
font-family:sans-serif; font-size:2em; margin-top:1em; 
padding-left:0.2em">But this is much better, away from the flower</div>

Received on Wednesday, 20 February 2008 14:44:37 UTC