Steps to reproduce
Child (.inner) should be semi transparent just like the sibling text, but it’s not.
Add position: relative to .outer and everything appears at it should.
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Christian F.”
Changed Assigned To to “wptrentri”
Changed Title from “Opacity is not applied on absolute position children if parent is not relatively positioned” to “Opacity is not applied on absolute position children if parent is not relatively positioned”
Changed Assigned To from “wptrentri” to “Bogdan B.”
Changed Status to “Fixed”
Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge and will be available in an upcoming insider build.
The MS Edge Team