Safari has been a source of four-letter words grumbled in a low voice from
me for a while. I don't use it as my test machine and so I lack the intimate
knowledge of its color rendering behavior. However, I have noticed a
difference in Safari with background colors and was hoping someone on this
list could clue me in on what is happening.
Here's the example:
To test alpha transparencies on a project, I created two divs, each has a
background color and an image floated to the top right.
One, the control, has a background color that is identical to the background
color in the image (non-transparent png). The background of the image has a
rounded corner and the object in the image has a drop shadow against the
flat color. This should create a seamless transition, as it does in FF.
The other div uses the same background color but also uses the rounded
corner background from the main image as a background image in the top
right. The new image is floated to the top right and is an alpha transparent
png with drop shadow.
Now, I was expecting the first div to be seamless and as my experience in
the past has shown, I expected the second div to have a different background
color under the image. Imagine my surprise when both had mismatching
background colors!
Here's the simple CSS
div { width:400px; background-color:#FF9B09; border-top:5px solid
#fff;float:left; margin:5px;}
div img {float:right; margin-top:-5px;}
#transparent {background:#FF9B09 url(test-bg.png) no-repeat 100% -5px;}
The simple HTML
<div id="nontransparent"><img src="test.png" /></div>
<div id="transparent"><img src="test-trans.png" /></div>
So, do you see anything wrong? Normally, I always put my color-codes in
lowercase letters. I copied and pasted the hex code from Fireworks, the
program I used to create the test images.
What type of alpha transparency is best when optimizing graphics? Should it
be websnap adaptive? Exact?
Thanks
Ted Drake
Front-end Engineer
Yahoo!
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
