I need to apply opacity to a div element. Here is my current CSS:
background: rgb(255, 255, 255); /* Fallback for non-rgba supporting browsers */
background: rgba(255, 255, 255, .7);
filter: alpha(opacity=70); /* For IE 7 and older versions */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
While this works as expected in most browsers, it causes the child elements within the div to also become transparent in IE 8.
I have already checked a similar question on Stack Overflow, but the solutions provided there did not solve my issue.
If anyone has any suggestions or alternative approaches, I would greatly appreciate your input.
Thank you!