Opacity is not applied on absolute position children if parent is not relatively positioned

Fixed Issue #5116981

Details

Created
Oct 21, 2015
Privacy
This issue is public.
Fixed in build #
17.17681
Reports
Reported by 8 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

<div class="outer">
<div class="inner">
</div>
aaa
</div>

.outer {
opacity: .5;
}
.inner {
width: 1em;
height: 1em;
position: absolute;
background: green;
}

Expected Results:

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.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    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”

    • Hello,

      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.

      Best Wishes,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in