• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 3235
  • Last Modified:

CSS lightbox opacity IE7 not working

When visitor will arrive on website for first time, they will see a lightbox like
who show an help webpage and not only picture.

It works on FF, IE 6, Safari but not IE7, on IE7 opacity become 100%, the background is plain color and hide then website behind. I found some article speaking about:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader but it didn't works for me.

Here is my current css. Any idea on how to include the filter: progid:DXImageTransform.Microsoft.AlphaImageLoader to make this code working on IE7?

    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;


* html #overlay{
1 Solution
You don't include the filter in your stylesheet.  Instead, you need to place it inside a DIV on your HTML, like this:

<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
     src='image.png', sizingMethod='scale');" >

replacing 'image.png' with your own image.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now