![]() |
Images displaying differently in Safari
1 Attachment(s)
I have a background image which has a gradient and then ends on the color #444444. The background color is #444444 so it blends perfectly. It works in IE6/7/8, FF 2/3, Chrome, etc etc, but when viewing the site in Safari on a mac it has color issues. With Safari on windows it works fine, it's only on a mac.
Anyways, attached is a screenshot of what's happening, it shows a FF and Safari next to each other. Is anyone familiar with this issue and have you found a solution? If you have Safari on a mac and want to see what I mean, my site is http://www.GFX-Help.com . |
1 Attachment(s)
Sorry, forgot the firefox ss...
|
For your container, you should have both a background color and a background-image. Look at the css that vb uses for tcat. Notice how there is an image and a color:
HTML Code:
.tcat HTML Code:
.container {background-attachment:fixed;background-image:url(images/bblast/header/bg_top.jpg); |
it's an issue of safari rendering the images different than other browsers, the container has no bg color and falls back to the background color specified in the body css. Have a look at www.gfx-help.com/test.html this is a simplified test. I believe the issues is related to the way Safari handles color profiles, but I don't know how to fix it.
|
Wow, that is bizarre. I never realized that happened!
The only thing I can think of is to make the bg.jpg image just as wide as the by_top.jpg image - you would make it wider by adding in more of the correct background color. (Did that make sense?) |
All times are GMT. The time now is 05:42 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|