Image Transparency is setting Absolutel Div transparent too

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Image Transparency is setting Absolutel Div transparent too

Post by simonmlewis »

I have floating DIVs, with product images inside.
Within the DIV, is an absolute DIV, for things like price discounts, "back in stock" and so on.

If the item is out of stock, I want to set the image to be transparent. Easy.
But when I do this, the absolute DIV is going transparent as well.

I'm using opacity: 0.6;.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Image Transparency is setting Absolutel Div transparent

Post by simonmlewis »

Ahh I figured it out - the DIV was going over the top of the image, so the absolute DIVs were ending up behind the image.

Changing the z-indexes... and it's sorted.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply