Home/ Questions/Q 7069737
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T05:28:56+00:00

i have a bug i’m trying to narrow down and it’s proving to be

  • 0

i have a bug i’m trying to narrow down and it’s proving to be a doozie. i’m making a modal overlay and in IE8 for some reason i am able to click “through”, focus inputs and select text underneath it.

in IE9, FF, Chrome everything works as expected. unfortunately a reduced testcase i slapped together (shown below) works just fine in IE8. has anyone run into this bug before? hoping to save some time. thanks!

<!DOCTYPE html>
<html>
    <head>
        <style>
            div {
                background: pink;
                position: fixed;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                opacity: 0.5;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            }
        </style>
    </head>
    <body>
        <input type="text" />
        <div></div>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    figured it out, i was using rgba() rather than opacity because i needed only the background to have transparency.

    for IE it generated gradient filter using -ms-filter which was causing the issue. ended up just using

    background: url(/images/EBEBEBB3.png);
background: rgba(255,255,255,.7);
    • 0