/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Opacity Firefox

Copy linkTweet thisAlerts:
Aug 28.2008

Hello Fellow Developers,
When I use the opacity feature in firefox it brings the div that is opac to the front. I just installed Fire Fox 3, but I don’t remember if it behaved like this in Fire Fox < 2.x.

[CODE]
DIV#ppi_content {
background-color:#FFFFFF;
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
}
[/CODE]

Here is my page:
[url]http://www.paradisepoolsca.com/pool-construction.html[/url]

It kills me to say this, but it looks great in IE.

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriAug 28.2008 — Seems to be fine on FF2 - haven't got v3 yet.
Copy linkTweet thisAlerts:
@CSSNINJAAug 29.2008 — This should take care of it

[CODE]

DIV#ppi_top_navigation
{
margin-left:5px;
position:absolute;
[COLOR="Red"]z-index: 1;[/COLOR]
}

[/CODE]
Copy linkTweet thisAlerts:
@jeremuauthorAug 29.2008 — Thanks CSSNINJA.

I assigned my nav (what should be on top) a z-index of 2 and it works fine.

Thank you too Centauri.

I didn't think that it was acting up in FF2.

I hope that FF3 doesn't start trippin' and turn into an IE.

The second day I installed FF3 I got an update (3.0.1)
Copy linkTweet thisAlerts:
@CSSNINJAAug 29.2008 — It is possible to run both versions of FF on the same machine:

http://support.mozilla.com/en-US/kb/Running+different+versions+of+Firefox+at+the+same+time
×

Success!

Help @jeremu spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...