I’ve got a transparent background that looks fine in Chrome, Firefox, Safari and Opera, but the 55% black background is missing in IE, or 100% transparent. You can see my issue here: http://www.503rephotography.com/woodcrest/ – anyone know how I can fix this for IE? I’ve done some searching and the -ms-filter:”progid:DXImageTransform.Microsoft.Alpha line isn’t working. I’m not a fan of IE…..it looks fine in every other browser!
I’ve already had a little help on here which I really appreciate. If anyone has any ideas on how I can solve the issue with IE to make it look the same as it does on all the other browsers, that would be awesome!
Ah okay, I was wondering if there was another workaround, but I suppose that will do. How would I point that out in a .css file for IE specifically and not have the other browsers use it? Thanks a bunch for the help!
You can use IE conditional comments to target specific versions of IE, and load a separate IE stylesheet only when that condition is met.
But better yet, consider Paul Irish’s approach which is used in the HTML5 boilerplate, where IE conditional comments are used to set a class on the body element. Then you can use that body class to target the descendant which needs the transparent background. Your main stylesheet will continue to function as expected, but the IE-specific style will override it when the IE class is added to the body tag due to greater specificity.