Support Forum » Style Master

How to create background color that's not solid?

(3 posts)
  • Started 2 years ago by matthewmark
  • Latest reply from gt2304b

  1. matthewmark
    Member

    This is critical for me. I want to create some incredible looking stuff. This software seems to be popular for MACs. I use windows. Hence, I'm sure there's a way to make incredible graphics but didn't see anything for this, when creating the background color with the wizard.

    thanks

    Posted: 2 years #
  2. JohnAllsopp
    Member

    Hi,

    there are a number of ways of doing semi transparent backgrounds, but there is no single standard way that is widely supported.

    You can use a PNG image which is semi transparent as a background image, but this will not work in IE6 and older (but will for IE7, and all modern browsers)

    You can use an rgba color for the background color - this is only a CSS3 feature, and not widely supported - though Firefox, Safari and Opera support this - afaik, IE7 does not.

    You can also use the opacity property - this works on IE7 and all modern browsers - there's also a workaround for older IE's - to use an IE only filter.

    The thing is, this makes the element and all its descendent semi transparent - not just the background - that means all the text, and graphics and so on.

    So, there's no single perfect solution - but a combination of these should get you close - at least if you are ok giving users of IE6 and older a slightly less "incredible" experience than all other users

    john

    Posted: 2 years #
  3. gt2304b
    Member

    this is a good article that decribes a generic pattern that can be used for gradients on all browsers where the color is set by the background-color CSS property, and not 'baked' into the image.

    http://www.alistapart.com/articles/supereasyblendys

    really dig this technique.

    Posted: 2 years #

RSS feed for this topic

Reply

You must log in to post.

0.053 - 9 queries