Gradient with png fallback

[octopus]

If you have a look at this codepen: http://codepen.io/SiteOctopus/pen/qvDdi, you’ll see a nice background. This is done with gradients, which some browsers don’t support, is there a way to have a PNG fallback?

Thanks in advance!

[Paulie_D]

With a repeating bg image…sure!

Frankly, unless it’s super important that they see your gradient/image…just served up a neutral bg color.

It’s not as though they will know the difference.

[octopus]

What I’m wondering is how to actually write a bit of css that will show a colour instead

[Paulie_D]

background:red;

[octopus]

Yes but how would I show that only if the background can’t be displayed?

[Paulie_D]

Put it before all of you other background declarations.

If the browser can’t support gradient declarations it will ignore them.

[octopus]

Oh, okay thanks!

[Author]

Posts