Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Edwin Alvarez
4,903 PointsWhen I load this on safari it shows a different color blend than if I were to load it with google chrome. why is that?
I was wondering if there is any way to fix that because I like how this looks on safari better than google chrome.
1 Answer
Alexander Costa
11,464 PointsHello Edwin!
Browsers are all different, they all do basically the same thing (let us explore the internet.) However, they are all different. Think of browsers as if they were operating systems OSX, Windows, Ubuntu. They all in essence do the same thing but do them differently.
The way Chrome interprets shadows will be different then the way Firefox, Safari, IE, Opera, will process shadows. Thats why its always a good idea to view your work in all major browsers.
In fact, sometimes some browsers can't do a certain style without a webkit. Which, will make you have to do markup like:
h1{ -webkit-transition: etc, -0-transition: etc; -moz-transition: etc; }
having it three different times just to make sure it even works for ALL the browsers.
Steven Brown
3,542 PointsSteven Brown
3,542 PointsMaybe one day they'll all be universally compatible. :-)
Edwin Alvarez
4,903 PointsEdwin Alvarez
4,903 Pointsyeah I tried with webkit but it still looked different and yes hopefully one day they can be compatible. Thanks for answering!