Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By adding the following line:
filter: alpha(opacity = 50);
in the CSS files anywhere it says "fallback for unsupported browsers" will fix it so that opacity works in IE too. I'm not a great programmer and I'm not an expert by any means, so I'll leave this for review in case it's a security thing or something... not sure.
Cheers.
Comment | File | Size | Author |
---|---|---|---|
#2 | ie-alpha-1594900-2.patch | 969 bytes | nedjo |
Comments
Comment #1
bryden CreditAttribution: bryden commentedComment #2
nedjoThis issue is a side effect of switching our approach to transparency handling in #1050152: Child elements are semi transparent in main content area. Previously we used the opacity css property but it set child elements to transparent as well. We switched to using rbga, but that's limited to newer browsers. Details at e.g. http://css-tricks.com/rgba-browser-support and http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie.
I don't develop in or for IE if I can help it. Here's a patch that may address the issue. However, there are suggestions that adding transparency this way may interfere with text clarity.
If you wanted to try the patch and report back that would be welcome. Thanks!