1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

Safari propogates opacity to higher elements on the page

Problem

When setting the opacity of elements on the page, the opacity value is inherited by elements lying higher in the stack order.

Solution

Set the opacity of elements higher in the stacking order to 0.99.

Detailed description

If you set the opacity of page elements to a number other than 1 (the default), this opacity is inherited by other elements higher in the stacking order (i.e. above the affected element.) Setting the opacity of these elements to 1 does not override this effect, since Safari does not recognise 1 as a setting (it's the default.)

Instead, setting the opacity of these elements to 0.99 does override the bug. This value is close enough to 1 to fool the eye, but is different enough from the default for Safari to recognise that a new value has been applied.

This bug was fixed in Safari version 1.2 and greater.

Text ID: SAFARI_PROPOGATES_OPACITY_TO_HIGHER_ELEMENTS_ON_THE_PAGE

---