6 replies [Last post]
21stcenturyguy
21stcenturyguy's picture
Offline
newbie
brighton, England
Last seen: 11 years 3 weeks ago
brighton, England
Joined: 2009-06-12
Posts: 6
Points: 0

i want to place my footer div inside my middlecontent div

the middlecontent has a opacity class set to it.

how do i place the footer inside the middlecontent so that it remains bold and doesn't become transparent by adopting the same class as the middlecontent?

I've tried z-indexing - doesn't do the trick
and i've tried display:block; - doesn't work

Any solutions?? :shrug:

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 49 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

Nope, you can't save

Nope, you can't save yourself there. Once you've set the opacity to something less than 1 for some element, then as far as all of its descendants are concerned, that IS 100% opacity. They don't know any better. You cannot un-set it.

You get two choices: use semi-transparent background image on middlecontent (and this will die in IE6, so then you need to either ignore that browser and let those users get Teh Ugliez OR waste a GET request on some bloated PNGfix-style script)
OR
Footer ends up not being a true child or descendant of any sort of middlecontent. Instead, it can be a sibling (so, next to each other in the code at the same level), and pulled up over middlecontent.

Since the Nazi-like Filter here won't let me post ANY links, I'll write out the url for a page I did with opacity: http
stommepoes.nl/Scooterverzekeren/wiezijnwij2 (dot) html

at the bottom is a link to Mandarin Design, where if you click it and then ctrl+f for "opacity" then you'll see another explanation.

21stcenturyguy
21stcenturyguy's picture
Offline
newbie
brighton, England
Last seen: 11 years 3 weeks ago
brighton, England
Joined: 2009-06-12
Posts: 6
Points: 0

Quick reply there! thanks

Quick reply there! thanks very much!

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 10 years 49 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

This doesn't really help,

This doesn't really help, but I just remembered Opera has this cool thing, background-opacity or some such. You can set the opacity of the background colour or I think also background image, without using the CSS opacity. So, it doesn't get inherited, which is pretty cool. I guess something to keep in mind if you're writing only for Opera or something : )

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Opera has many cool things,

Opera has many cool things, it's Avant Guard; where it leads all others follow. This is actually true over the last ~couple of years all the stuff we see on the big browsers was first demonstrated by Opera - easily the best browser around!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 14 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

If only it didn't break one

If only it didn't break one thing and fix another with each release. I find it terribly frustrating from a coder's perspective, and very nice from a user's.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

gary.turner wrote:If only it

gary.turner wrote:

If only it didn't break one thing and fix another with each release. I find it terribly frustrating from a coder's perspective, and very nice from a user's.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph