Support » Themes and Templates » Background Opacity – not text and imgs, helP!

Viewing 1 replies (of 1 total)
  • Thread Starter Moogle Stiltzkin

    (@moogle-stiltzkin)

    Opacities (-moz-opacity in earlier moz versions, -khtml-opacity in saf1.1, opacity in current saf and moz versions, filter:alpha(opacity:#) in iew) are set on a whole element, not just the background. Opacities are nesting but not inheriting, meaning that an element with 50% opacity nested within another element with 50% opacity will end up being 25% opacity. According to the relevant CSS specs, opacities are normalised to be within the 0%-100% range, thus you can never get any part of an element to have a higher opacity than the base opacity of it’s ancestors. If you want to use partial opacities for only backgrounds, there are today three choices: use CSS3 RGBA colours for the background (saf1.2 only), use alpha channel PNG for background (moz, op, saf, iem but not iew), or use a gif where you mix transparent and non-transparent pixels so that it looks like a partial transparency. There is a trick that might work for getting alpha channel PNG to work in ie5.5w and ie6.0w, that relies on using the AlphaImageLoader filter to generate the proper background opacity, though.

    http://www.ozoneasylum.com/23679

    Also this

    http://en.forums.wordpress.com/topic/per-page-changes-with-mystique-theme

    and this

    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

    Any ideas ?

Viewing 1 replies (of 1 total)
  • The topic ‘Background Opacity – not text and imgs, helP!’ is closed to new replies.