The Ultimate CSS Challenge

Alrighty.. So I was reading this forum of a lady who had a CSS problem. She finally got it resolved and turns out she has her own forums for design.

And here I am.. Here is my problem.

Using CSS I wanted to create a background using a picture at half opacity but, I dont want to use photoshop etc to reduce the opacity. Reducing opacity with CSS is easy, until it started affecting your whole page.

The idea is to get 100% visible tables/text/pictures/css ontop of the 50% opac background. I was told to use two tables

table#1 : z-index:-1, 50% opacity, the picture.

table#2 :The rest of the website, the body. z-index:+1.

Long story short, depending on where I'm putting things, sometimes the tables dont overlap properly, sometimes the pic it not 50% opac, and sometimes I completely loose my mind and cry.

Can you help?

ps.. sorry I posted is graphics instead of service.. My bad :S

Can you help?
ummmmm... I don't think so.

I really don't understand what you're trying to accomplish. But the css problem I had, was just a matter of making a background fixed, rather than scroll, if it's the one I'm remembering.

What you're describing here - is... WOW... lol.... I have NO idea! :blush:

Alrighty.. I'm trying to accomplish:

1)A picture for my background.
2)Has to be 50% opacity
3)I should be able to create the rest of my site ontop of the picture.
4)The background-image will be fixed.

Simply enough I could choose to edit the image in photoshop to reduce the opacity then stick it as my background. But I dont want to edit it, I want to use CSS to change it.

Problem is, when you use opacity to edit the image, it starts affecting the WHOLE page. My whole page will become half opac, lightning my text aswell.

I was given a hint that: "If you use tables, when the opacity piece is put in your style it should only affect that one table." Thus elliminated the problem of having a whole website half opac.

If I were to use two tables... one affected by opacity and the other NOT. The "NOT" affected table would be everything I dont want affected. (obviously)

BUT, this table-hack, to avoid having opacity screw everything up, could be a lie. So I was looking to see if anyone else knew how to avoid having your whole page mess up when using opacity.

Yes, using css to adjust the opacity does affect the whole page - because css affects an entire page, or portions and areas of a page, not just one image.

I understand now what you're trying to do, however, I've never attempted it, so no, I don't know how to go about it, I'm sorry. If I wasn't already involved in a custom skin, I might try, but I don't have time right now.

Sorry!