Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Overlay transparency for IE8 #35

Open
aseemk opened this Issue · 2 comments

2 participants

@aseemk

Hey, just wondering, any reason you used opacity: 1 and background: rgba(0,0,0,.75) in overlay.css instead of a solid black background and 0.75 opacity? Adding filter: alpha(opacity=75) would allow it to then work in IE8 with no seeming downside for modern browsers.

@tj
Owner
tj commented

no specific reason, I'd be fine with changing that. I'm ok with bits and pieces to support >IE8 and friends, just nothing huge and unwieldy

@aseemk

Great. The change was simple:

#overlay {
   position: fixed;
   top: 0;
   left: 0;
-  opacity: 1;
+  opacity: 0.75;
+  filter: alpha(opacity=75);
   width: 100%;
   height: 100%;
-  background: rgba(0,0,0,.75);
+  background: black;
   transition: opacity 300ms;
   z-index: 500;
 }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.