Skip to content

Instantly share code, notes, and snippets.

@davidlonjon

davidlonjon/CSS Background Transparency Without Affecting Child Elements, Through RGBa And Filters

Created June 10, 2014 06:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidlonjon/13abd9954aa44b0c1c55 to your computer and use it in GitHub Desktop.
Save davidlonjon/13abd9954aa44b0c1c55 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS Background Transparency Without Affecting Child Elements, Through RGBa And Filters
/* Taken from http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
.alpha60 {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment