WordPress.org

Ready to get started?Download WordPress

Forums

Opacity setting for #page in Twenty Eleven (3 posts)

  1. DangerousOldWoman
    Member
    Posted 2 years ago #

    I want to change #page to be black with 0.5 opacity so body background image shows through. I can change color of #page with no problem, but when I add opacity, it works just fine EXCEPT all of a sudden #page is in front of everything else instead of behind, with 0.5 black graying out my posts and header and sidebar and everything. Odd! Obviously I did something wrong, but what? I must have left out something or put it in the wrong place or ????

    Here's the code as it was with opacity added:
    'margin: 2em auto;
    max-width: 1000px;
    background-color: #000;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;'

    I put code between ticks ('') per instructions for posting but it makes it look like the ticks are part of the code in my stylesheet - they are not. No link to page because this is on my local server still and I don't want to give public access to my computer, as you can well understand.

  2. Andrew
    Forum Moderator
    Posted 2 years ago #

    This is an annoying problem inherited from Opacity styles.
    Here's an article I just Googled about a possible solution;
    http://acidmartin.wordpress.com/2010/11/21/using-rgba-to-prevent-the-css-opacity-inheritance-from-parent-to-child-elements/

  3. DangerousOldWoman
    Member
    Posted 2 years ago #

    Wow! Glad to know it ain't me! Thanks for this, Andrew. Because I'm a novice, it will take me a while to puzzle my way through this article's setup. But by the time I do, I'll know something worth knowing. 8-) I'll be back to report.

Topic Closed

This topic has been closed to new replies.

About this Topic