I am trying to set up a page that has the body element styled to opacity 50%, but with one of the child elements (e.g. a div) set to 100%.
Setting the body opacity, however, seems to affect the whole page regardless of individual elements properties that I set. Even if I use the cascading property of CSS by putting body opacity in an external file and setting the div opacity inline, this still doesn't work.
Anyone got any ideas?
ThanksJust seen an update on the javascript forum where the question was going - there was a good explanation on why this isn't possible:
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=37408">http://www.webdeveloper.com/forum/showt ... hp?t=37408</a><!-- m -->
I guess I'd have to cycle through the elements tag by tag and set them individually to opacity 50%, except for the target div that should be 100% opacity...
Setting the body opacity, however, seems to affect the whole page regardless of individual elements properties that I set. Even if I use the cascading property of CSS by putting body opacity in an external file and setting the div opacity inline, this still doesn't work.
Anyone got any ideas?
ThanksJust seen an update on the javascript forum where the question was going - there was a good explanation on why this isn't possible:
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=37408">http://www.webdeveloper.com/forum/showt ... hp?t=37408</a><!-- m -->
I guess I'd have to cycle through the elements tag by tag and set them individually to opacity 50%, except for the target div that should be 100% opacity...