Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 3, 2015 at 2:57 am #453494
    scotthco

    I’ve created a color section with a parallax background and an overlay to darken it a bit. The problem is that the opacity isn’t working in IE8, so the overlay is a solid color that blocks the background image.

    To create the section, I went to the Color Section properties, Section Background tab and set the background image. Then I went to the Section Background Overlay tab, ticked the checkbox, set the opacity to 0.4, the overlay color to #000000, and left it with no background image defined on that tab. This works fine on later versions of IE as well as Chrome and Firefox.

    Any suggestions as to how to get the opacity to work in IE8? I could do it with the image itself, but it was a lot faster and more convenient with that Section Background Overlay tab, at least until now.

    Thanks!

    Scott

    June 3, 2015 at 3:20 pm #453834
    Ismael

    Hi scotthco!

    Thank you for using Enfold.

    Please add this to the Quick CSS field to fix the overlay on IE8:

    .avia-msie-8 .av-section-color-overlay {
  opacity: .5;
}

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    June 5, 2015 at 4:32 am #454902
    scotthco

    That didn’t work, but this did…

    .avia-msie-8 .av-section-color-overlay {
    filter: alpha(opacity=40);
    }

    After you posted, I thought I remembered something about IE and filters, so I looked it up.

    Thanks!

    June 6, 2015 at 1:56 pm #455492
    Ismael

    Hi!

    Glad you figured it out. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Section Background Overlay Opacity IE8’ is closed to new replies.